2021
03-30
03-30
10 款珍藏已久的 Chrome 浏览器插件(程序员必装)
Firebug的年代,我是火狐(MozillaFirefox)浏览器的死忠;但后来不知道为什么,该插件停止了开发,导致我不得不寻求一个新的网页开发工具。那段时间,不少人开始推荐Chrome浏览器,我想那就试试吧,期初我觉得用起来很别扭,毕竟我不是一个“喜新厌旧”的人。但用的次数越来越多,也就习惯了。Chrome浏览器有一个好处,就是插件极其丰富,只有你想不到的,没有你找不到的,这恐怕是Chrome浏览器被众多爱好者钟爱的原因吧。...
继续阅读 >
背景我们经常使用ChromeDevTools来开发调试,但是很少知道怎么利用它来分析页面性能,这篇文章,我将详细说明怎样利用ChromeDevTools进行页面性能分析及性能报告数据如何解读。分析面板介绍上图是ChromeDevTools的一个截图,其中,我认为能用于进行页面性能快速分析的主要是图中圈出来的几个模块功能,这里简单介绍一下:Network:页面中各种资源请求的情况,这里能看到资源的名称、状态、使用的协议(http1/http2/q...
之前总是想要买aj,但是淘宝店铺每次发售手动抢的时候一般都会被黄牛抢走。。。最近毕业设计学习了一下python的东西,所以写了这么一个抢购的东西算是解决自己一个小小的愿望,这可是aj啊。我会把内容写的尽量面向初学者,从头至尾的过程都会有所提及。代码也放在了后面一、所需环境SeleniumSelenium是一个开源的自动化测试工具。原理是通过模拟浏览器操作,还支持java,python,c#,php等主流的编程语言。一般爬虫也支持Selenium...
1之前在windows上装过,最近刚换了个mac本,重新安装下,也是为了记录下我安装的过程。github下载vue-devtool到本地下载地址https://github.com/vuejs/vue-devtools#vue-devtools注意,下载的时候默认的是在dev分支,要切换到master,然后克隆到本地(可以先放桌面)2.将下载的项目文件放入Chrome浏览器的插件文件夹在浏览器地址栏输入chrome://version/找到路径之后,可以在顶部工具栏”前往“中直接输入文件地址3.在default文件...
在使用Chrome浏览网页时,我们可以使用Chrome开发者工具模拟手机浏览器,在使用Selenium操作Chrome时同样也可以模拟手机浏览器。主要有以下两种用途。测试H5页面在不同分辨率设备上的显示情况是否正常爬取数据(一般网站对移动设备浏览的反爬教弱)使用指定设备操作方法非常简单,在ChromeOptions()浏览器选项,添加实验选项,mobileEmulation选项中通过devicename指定选择的设备即可,操作代码如下。fromseleniumimportwebdriv...
由浅入深说一说怎么样在ChromeDevTools中调试JavaScript。一、案发现场为了方便理解,我写了一个小demo。点击打开demo;在num1中输入6;在num2中输入9;点击num1+num2,按钮下方的标签显示69,结果应为15,这就是我们需要断点调试找出的BUG。二、熟悉一下Sources面板DevTools可为更改CSS、分析页面加载性能和监控网络请求等不同的任务提供许多不同的工具。我们就在Sources面板中调试JavaScript。通过按Command+O...
1.背景在使用selenium浏览器渲染技术,爬取网站信息时,默认情况下就是一个普通的纯净的chrome浏览器,而我们平时在使用浏览器时,经常就添加一些插件,扩展,代理之类的应用。相对应的,当我们用chrome浏览器爬取网站时,可能需要对这个chrome做一些特殊的配置,以满足爬虫的行为。常用的行为有:禁止图片和视频的加载:提升网页加载速度。添加代理:用于翻墙访问某些页面,或者应对IP访问频率限制的反爬技术。使用移动头...