用Charles Proxy来抓包Chrome浏览器的数据
本文适用的操作系统:Ubuntu 在Chrome浏览器中把代理服务器设置成Charles Proxy在本地提供的代理,可以让Charles Proxy把Chrome的网络流量抓取下来。 配置方法如下。 ➤ Charles Proxy端的配置 Proxy→Proxy Settings: Charles Proxy软件打开后,会启动一个代理服务器,在这里你可以修改代理服务...
聚合国内IT技术精华文章,分享IT技术精华,帮助IT从业人士成长
本文适用的操作系统:Ubuntu 在Chrome浏览器中把代理服务器设置成Charles Proxy在本地提供的代理,可以让Charles Proxy把Chrome的网络流量抓取下来。 配置方法如下。 ➤ Charles Proxy端的配置 Proxy→Proxy Settings: Charles Proxy软件打开后,会启动一个代理服务器,在这里你可以修改代理服务...
毫无疑问,Google Chrome 备受开发者青睐,它提供了一套Chrome DevTools,是 Web开发和性能调试的必备工具,旨在为开发人员提供更轻松的生活。 但是 Chrome 能做的远不止你平常用的那么简单:Chrome的功能通过成千上万的附加组件和扩展功能进行扩展,让开发者们可以在开发过程中运用各种技巧测试网站和应用程序;尝试其他字体和布局;以及大大提高效率。 本文列出了一些...
Chrome的开发者工具是个很强大的东西,相信程序员们都不会陌生,不过有些小功能可能并不为大众所知,所以,写下这篇文章罗列一下可能你所不知道的功能,有的功能可能会比较实用,有的则不一定,也欢迎大家补充交流。 话不多话,我们开始。 代码格式化 有很多css/js的代码都会被 minify 掉,你可以点击代码窗口左下角的那个 { } 标签,chrome会帮你给格式化掉。 强制DOM状态 ...
原文地址(original source):http://ipestov.com/22-essential-css-recipes/ 作者(author): Ilya Pestov(@ipestov) 大家好!今天我们要讨论 CSS 中的一些有用的技巧。开始吧…… 混合模式 目前,Firefox 和 Safari 开始支持混合模式,就像 Photoshop 一样。Chrome 和 ...
原文地址(original source):https://medium.com/@christophelimpalair/developers-what-you-should-know-about-web-performance-550cef1040d8 作者(author):ScaleYourCode(@ScaleYourCode) 网站的快和慢有什么区别呢? 存在一种正确答案吗...
原文地址(original source):http://www.ouvre-boite.com/new-browsers/ 作者(author):https://twitter.com/julien51 对我们这些开发者而言,web 浏览器是一个非常复杂的应用程序,它实现了无数协议和规范,以呈现来自于不同的、海量网站的内容。其特有属性就是和它显示的内容解耦……这就是 web 如此流...
Chrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效: 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log,但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理。 他们功能...
经常要访问一些工具网站,根据页面上特定的取值。这些行为其实完全可以被视作重复劳动,有机会被脚本或者插件的自动行为取代。iMacro或者Greasemonkey都是做这件事的好工具,今天下午有时间,要不干脆写一个Chrome插件吧。 没有必要去Google什么教程,官方的文档已经非常详细,足够指导整个过程了。文档的质量非常好,又有很多例子,是很不错的示例。本质上,用到的技术还是HTML、J...
疯狂淘宝的网购达人,都有一个共同的烦恼 —— 打开了太多浏览器标签,以至于标签栏拥挤得只剩图标,混乱到快要抓狂。 以前,我一般会建议用『多窗口』的方式对标签进行分割,在开始一段将用到大量标签的浏览之旅前,开启一个新窗口将会让接下来的浏览脉络更为清晰。因为在『多标签』成为浏览器的标配后,大家往往忽视了窗口的价值。 但我逐渐发现,除了对事物有很强梳理习惯的人士外,普通用户大多很难养成这个习惯,...