爬虫 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.altKey
  if (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.altKey
  if (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_();
    }
  }