爬虫 Edge浏览器安装Xpaht Helper插件平替Chrome浏览器Xpaht Helper插件定位元素

1.概述

在爬虫过程中最多的操作就是在解析数据，尤其是解析html页面元素，如果没有工具帮助定位元素时间会很长，因此找到了一款平替chrome浏览器使用的Xpaht Helper插件，安装到Edge浏览器上辅助我们完成页面元素定位。

2.安装Xpaht Helper插件

2.1.下载Xpaht Helper

Xpaht Helper插件的源代码在GitHub上可以下载，下面是项目下载链接。

https://github.com/eliasdorneles/xpath_helper

打开GitHub项目后，点击Code——在下拉菜单中选择Download ZIP 下载项目
在这里插入图片描述

2.2.安装Xpaht Helper

1.点击浏览器工具栏...下拉菜单，点击扩展菜单

在这里插入图片描述

2.在扩展菜单页面打开开发人员模式 即可显示加载解压缩的扩展菜单

在这里插入图片描述

3.解压缩下载的插件xpath_helper-master.zip压缩文件

4.点击加载解压缩的扩展菜单，选择已解压的xpath_helper-master文件，添加插件成功。
在这里插入图片描述

2.3.使用Xpaht Helper

新安装插件后首先关闭浏览器，重新打开浏览器才可以使用。

1.修改快捷键

Xpaht Helper插件默认打开快捷键
windows： Shift + Ctrl + X
macOS：Shift + control + X

打开Xpaht Helper插件默认快捷键和Edge快捷键冲突，因此不能打开Xpaht Helper插件，不过没有关系我们可以修改Xpaht Helper插件源码的快捷键打开和关闭插件。

在xpath_helper-master文件中打开bar.js文件，搜索ctrl然后改为alt。修改前后代码如下

# bar.js文件修改前代码
var handleKeyDown = function(e) {# 将e.ctrlKey改为e.altKeyif (e.keyCode === X_KEYCODE && e.ctrlKey && e.shiftKey) {chrome.extension.sendMessage({'type': 'hideBar'});}
};# bar.js文件修改后代码
var handleKeyDown = function(e) {if (e.keyCode === X_KEYCODE && e.altKey && e.shiftKey) {chrome.extension.sendMessage({'type': 'hideBar'});}
};

在xpath_helper-master文件中打开content.js文件，搜索ctrl然后改为alt。修改前后代码如下

# content.js文件修改前代码
xh.Bar.prototype.keyDown_ = function(e) {# 将e.ctrlKey改为e.altKeyif (e.keyCode === xh.X_KEYCODE && e.ctrlKey && e.shiftKey) {if (!this.active_) {this.active_ = true;if (!this.barFrame_.parentNode) {// First bar request on this page. Add bar back to DOM.document.body.appendChild(this.barFrame_);// Use setTimeout so that the transition is visible.window.setTimeout(this.boundShowBar_, 0);} else {this.showBar_();}} else {this.hideBar_();}}# content.js文件修改后代码
xh.Bar.prototype.keyDown_ = function(e) {if (e.keyCode === xh.X_KEYCODE && e.altKey && e.shiftKey) {if (!this.active_) {this.active_ = true;if (!this.barFrame_.parentNode) {// First bar request on this page. Add bar back to DOM.document.body.appendChild(this.barFrame_);// Use setTimeout so that the transition is visible.window.setTimeout(this.boundShowBar_, 0);} else {this.showBar_();}} else {this.hideBar_();}}

1.保存修改的文件
2.按照上面安装Xpaht Helper插件流程在安装一遍插件，使修改配置生效。