Chrome插件安装以及渲染网页的差异.pptx

数据采集与处理Chrome插件安装以及渲染网页的差异01Chrome浏览器简介02查看当前Chrome的版本号03下载对应版本的webdriver04Katalon Recorder插件安装05开发者工具06User-Agent的查找07渲染前后网页源代码差异? Chrome浏览器简介Chrome浏览器是现在全球占有率最高的浏览器，chrome浏览器比其他大部分浏览器可呈现的内容更多，浏览器界面更简洁，上下视野范围大。下载链接：/chrome/查看当前Chrome的版本号我们有的时候，需要知道我们当前使用Chrome的版本号。这时，我们可以在浏览器页面右上角找到图中的三个后它点击。查看当前Chrome的版本号我们找到设置点击后，点击“关于Chrome“查看当前Chrome的版本号我们找到设置点击后，点击“关于Chrome“查看当前Chrome的版本号这时，我们就可以看到当前使用的Chrome版本号了下载对应版本的webdriver 惠普打印机驱动 我们用电脑操控打印机时，是由电脑向打印机驱动发送指令，打印机驱动对打印机进行操控。 同理，我们使用selenium将指令发送到webdriver驱动，webdriver驱动对Chrome浏览器操控。Webdriver驱动目标网页下载对应版本的webdriver整体流程找到我们当前Chrome的版本号前往webdriver下载网址下载完后解压并放置到Chrome浏览器启动项的文件所在目录查找当前Chrome的版本号首先我们通过设置，找到我们当前Chrome浏览器的版本号例如：当前版本号为：79.0.3945.117前往webdriver下载网址我们前往webdriver驱动下载网址，切记webdriver的版本只能比chrome低，不能比它高。webdriver下载网址: /index.html前往webdriver下载网址我们点击下载带有win的压缩包放置到Chrome浏览器启动项的文件所在目录我们将下载的webdriver压缩包进行解压，并放到Chrome浏览器启动项的文件所在目录放置到Chrome浏览器启动项的文件所在目录我们将下载的webdriver压缩包进行解压，并到Chrome浏览器启动项的文件所在目录放置到Chrome浏览器启动项的文件所在目录一般Chrome.exe都是在这个目录下：C:\Program Files (x86)\Google\Chrome\Application如果不是这个目录你也可以通过鼠标右键点击桌面Chrome图标，在弹出的菜单中点击属性，在弹出的属性窗口里点击打开文件位置按钮，会打开谷歌浏览的真实Katalon Recorder插件简介katalon recorder是浏览器插件，支持火狐和chrome。它可以录制web页面的操作，并且能实现基本的数据驱动测试，可以帮助我们模拟点击下一页，还能导入脚本，可说是体量虽小，功能足够。对功能有更高要求的，还可以去试试同出一门的katalon studio，也是免费软件，支持web和mobile端的测试，并集成了许多强大的功能。Katalon Recorder安装我们将下载的Katalon Recorder压缩包解压到桌面打开chrome浏览器点击更多工具——拓展程序将右上角开发者模式打开将放在桌面上的katalon recorder文件移入chrome当中解压Katalon Recorder压缩包到桌面Katalon Recorder下载链接: /ol1q37/gi94xp/vu4ucs#wskj6百度网盘链接: /s/1wQdpceuuHrG5clwSWKBHUg提取码: txt3下载解压后的文件夹打开chrome浏览器点击更多工具——拓展程序将右上角开发者模式打开katalon recorder文件移入chrome当中将放在桌面上的katalon recorder文件移入chrome当中开发者工具（主要功能） 1、 可以帮助我们复制无法复制的文字2、 可以下载不能右键保存的图片3、 可以更改页面显示的某一数值4、快速定位问题5、查看站点页面加载信息6、在线页面样式调整7、前端代码调试8、前端日志分析开发者工具的使用1、F12打开关闭2、查看特定的元素对应的html代码 3、获取特定元素的Xpath路径F12打开关闭按F12（笔记本Fn+F12）查看网页源代码查看特定的元素对应的html代码如果我们想查看特定的元素对应的html代码，我们可以点击小箭头如图所示查看特定的元素对应的html代码查看特定的元素对应的html代码然后点击Edit as HTML出现我们需要的HTML代码获取特定元素的Xpath路径我们用小箭头找到网页元素代码块后，点击三个小圆点获取特定元素的Xpath路径我们选择Copy找到