关于Chrome浏览器的一些使用技巧

1.Chrome浏览器http抓包

谷歌的 Chrome 浏览器自带一个功能强大的 HTTP 抓包工具,可以用于调试程序,监控 HTTP 信息交换。在浏览器地址栏输入 chrome://net-internals/#requests 即可进入。
示例:

chrome://net-internals/#dns
chrome://net-internals/#events&q=type:SPDY_SESSION%20is:active

2. Chrome 插件(extension)推荐

  • OneTab chrome的确好用,但是是内存大户,借助于OneTab 可以把需要留着待会儿看的标签页发送保存到onetab以节省内存,需要时再打开;另一方面,也可以当作收藏夹来使用,方便以后回来回顾干货网页,一定程度上可以理解为书签。
  • Proxy SwitchSharp 代理切换工具,必备。
  • adblock plus 广告屏蔽。
  • postman,rest api测试工具。可参考我的blog postman使用
  • Octotree 借助于此插件,你可以直接在Chrome侧边栏向打开文件夹一样的查看GitHub上面的项目;还可以下载需要的单个文件、文件夹,而不必git clone整个项目。
  • 有道词典。
  • postman interceptor。关于这个插件的功能,详细可以查看我的另一篇博客Postman使用或者百度。
  • FireShot,可以把当前页面截屏保存下来,可以保存为png等图片格式,甚至是pdf文档格式。
  • EditThisCookie。
  • RestMan
  • Json Viewer,在JSON成为主流的HTTP请求传输形式时,使用chrome浏览器得到json responseBody时,自动格式化,并且可以点击expand/collapse,方便查看节点信息
  • JSON editor,在线编辑节点信息,可以一整个JSON Object或者Array编辑;

3.Chrome被劫持的解决方法

笔记本在使用一段时间后(可能是访问某些个不良网站之后),chrome被(毒霸,360,百度的hao123等等)劫持,桌面上的Chrome快捷方式以及任务栏的快速启动栏都被劫持:即打开Chrome之后,主页变成毒霸等的主页。看着恶心。右键快捷方式——属性——目标,尝试修改为正常的路径,失败:
这里写图片描述
笔记本上的唯一一款安全软件QQ管家启动也不能解决这个问题(是的,只有在需要的时候才打开QQ管家),最后的解决方法:
删除桌面的快捷方式以及解锁任务栏上面的Chrome,去Chrome的安装C:\Program Files (x86)\Google\Chrome\Application.exe,把快捷方式重新生成到桌面。

4.extension安装

在较老版本Chrome(具体哪个版本号之前待考)安装后,在桌面的快捷图标,右键properties——shortcut,如果不是以双引号(现在是双引号,并且不允许修改其值)括起来的启动程序位置,则可以做如下修改。
C:\Users\wajian\AppData\Local\Google\Chrome\Application\chrome.exe –enable-easy-off-store-extension-install
我当前的 Chrome版本58.0.3029.110 (64-bit)不可如此安装,估计是Chrome考虑到安全/权限问题。
同理,早先版本的Chrome如果被劫持,可以通过修改上面这种方法加以解决:把target里面的劫持商删除即可。
这里写图片描述
现在Chrome推荐的extension安装方式当然就是在线安装,因为可以实时校验?另一种安装方式是下载.crx后缀名的插件,拖到extension页面chrome://extensions/,这种方式可以离线安装,不安全,估计后期Chrome也会不支持。

5. Chrome设置地址栏快速站内搜索

Chrome地址栏右键——修改搜索引擎,或者直接在搜索栏输入:chrome://settings/searchEngines打开设置项。看到下面的其他搜索引擎指的就是站内搜索,可以添加修改删除;如图:
在这里插入图片描述
然后就可以在地址栏快速使用知乎去搜索你想要查询的关键字啦。

6. Chrome 开发者工具

网络限速
设置网络的访问速度来模拟一个网络很慢的情况。
在这里插入图片描述

如图:custom-Add—Network Throttling Profiles—add custom profile,然后即可自定义最大Download、Upload速度,以及模拟Latency;
直接编辑网页
在 console 里 输入下面的命令:document.designMode = "on",于是就可以直接修改网页上的内容。清空console:clear() 或是 Ctrl+L’;
代码格式化
在 Sources 页面看到的 css/js 代码都会被 minify 掉,点击代码窗口左下角的那个 { } 标签,chrome会帮你给格式化掉。
Console 技巧

  • chrome 默认 缓存 5个你查看过的DOM对象,在Console中用 $0, $1, $2, $3, $4来访问。
  • 使用像 jQuery 那样的语法来获得DOM对象,如:$("#mydiv")
  • 使用 $$(".class") 来选择所有满足条件的DOM对象。
  • 使用 getEventListeners($("selector")) 来查看某个DOM对象上的事件。
  • 使用 monitorEvents($(“selector”)) 来监控相关的事件。

console.trace() 打印 js 函数调用栈;
console.time() 和 console.timeEnd() 计算代码消耗时间。
console.profile() 和 console.profileEnd() 查看CPU消耗。
console.count() 看到相同的日志当前被打印的次数。
console.assert(expression, object) assert表达式

Ctrl+P,快速搜寻和打开你项目的文件。
Ctrl + Shift + F,在源代码(页面已经加载的文件)中搜索特定的内容,支持正则表达式。
Ctrl + G,输入行号,即可跳转到 Sources 标签中已打开文件的指定行。

和 sublime text 特别类似,当编辑一个文件的时候,按住Ctrl,在要编辑的多个地方点击鼠标,可以设置多个插入符,这样可以一次在多个地方编辑相同内容。

猜你喜欢

转载自blog.csdn.net/lonelymanontheway/article/details/73368618