Google/Chrome 个人经验

一个好的搜索引擎能节约生命。一个好的浏览器也能节约生命。

纵然身在祖国,Google 的一些技术和产品依然离不开。

这里总结和分享我个人的一些使用经验。

Google 搜索 TIPs

Chome 使用 TIPs

更换搜索引擎

Chrome 默认当然是 Google 搜索,但是我并不是每时每刻都要开代理爬墙,所以更快一个国内速度快的搜索引擎还是比较方便的。可以在 Chrome 设置中更改默认搜索引擎。

  • Google
{google:baseURL}search?q=%s&{google:RLZ}{google:originalQueryForSuggestion}{google:assistedQueryStats}{google:searchFieldtrialParameter}{google:bookmarkBarPinned}{google:searchClient}{google:sourceId}{google:instantExtendedEnabledParameter}{google:omniboxStartMarginParameter}{google:contextualSearchVersion}ie={inputEncoding}
  • Bing
http://cn.bing.com/search?q=%s
  • Googto
http://www.googto.com/?q=
  • Google Translate
http://translate.google.cn/?source=osdd#auto|auto|%s
  • 必应词典
http://cn.bing.com/dict/search?q=
  • 百度搜索
https://www.baidu.com/s?wd=%s

快捷键

  • Ctrl + Shift + N:隐身模式。

  • Ctrl + 1~9:切换序号为 n 的标签页,其中 9 为最后一页。

  • Ctrl + Tab:向后切换标签页。

  • Ctrl + Shift + Tab: 向前切换标签页。

其他

  • 审查元素 下载网页视频

  • 删除历史记录及缓存:Ctrl + Shift + Delete

  • Chome 缓存内容查看:**ChromeCacheView **

  • 隐身模式:Ctrl + Shift + N

该模式在测试的时候很有用。因为测试时候改动很多,一般都不需要 Cookie。

  • 加载失败时游戏彩蛋:空格

  • 鼠标中键,相当于选中整页,可以上下滑动页面

Chrome 与 Web 开发

Chrome 的兼容性很强,比如 FireFox 不能兼容的 IE 属性 innerText Chrome 能兼容。

比如 event.keyCode 对 FF 来说作用域也是不一样的,IE/Chrome 将其设置为全局变量,而 FF 将其设置为局部变量,所以要使 FF 对 event 事件产生响应,那么需要将 event 作为函数参数传递给响应的事件。

此外,对 Web 开发者来说,移动互联网时代促使开发者针对移动设备进行优化,大名鼎鼎的前端框架 Bootstrap 已经遵守是移动优先原则了。

这就对响应式网页开发的需求激增,而作为一个前端工程师,为了满足用户体验的苛刻要求,调试各种尺寸的移动设备便是家常便饭。

还好 Chrome 的 F12 非常管用。可以十分方便地 Toggle 到 Mobile Device Mode,并且提供了主流移动设备的尺寸,当然也包括横屏 ( landscape ) 预览了。

我用 Chrome,调试网页从来不用下载其他任何工具,一个 F12,HTML, CSS, JS, 以及网络状况都能够一目了然,调试前后端都非常方便。

Linux 下安装 Chrome

在/etc/yum.repos.d目录中创建google-chrome.repo文件,其写入如下内容:

[google-chrome]
name=google-chrome
baseurl=http://dl.google.com/linux/chrome/rpm/stable/$basearch
enabled=1
gpgcheck=1
gpgkey=https://dl-ssl.google.com/linux/linux_signing_key.pub

配置好后直接使用 yum 命令 ( dnf 命令貌似不起作用 ) 安装:

# yum install google-chrome-unstable -y

如果提示获取GPG密钥失败,则将上面的 gpgcheck 置 0 即可。

插件

  • Chrome 灰色金属主题:Brushed。

  • 广告封杀:AdBlock。

  • 清爽网页浏览:印象笔记·悦读。

  • 阅读模式

  • 划词翻译

  • Safari 阅读模式:阅读模式。

  • 高反差扩展插件

在开发的过程中,我尽可能地将注意力集中到一点。所以如果是在 Windows 上我基本上使用的是高反差模式 ( Black or White )。

Chrome 在你更改系统主题为高反差模式的时候会自动侦测到,并提醒你是否使用而使用高反差插件,就算不适用 Chrome 高反差插件,系统主题的更换在浏览网页上依然十分清晰。而 IE 和 FF 在不手动设置的情况下都显示不清楚。

这是我在 IE,FireFox 上没有看到的。

( 虽然 FF 的 FireBugs 口碑一直不错,但是我 个人的体验 一直不怎么好,开始使用 FF 也是因为 Fedora Gnome 桌面基本上内置了 FF )

  • Chrome 邮箱插件

  • Vimium:Chrome 快捷键。

Google to Go

  • VPN

  • Nignix Reverse Proxy

  • Google Mirror

More see:Pointer

Google Analytics

Stay tuned…

附录:Google 开发者工具

参考

本文最后修改时间: 2015年09月28日 18:25:08 (完) CC BY-NC-ND 3.0

若您发现文章中的错误,并愿告知于我,或想与我交流,我的联系方式在: Contacts


上一篇 FQ 小结

All The Best

下一篇 jQuery 学习笔记