爬蟲 Edge瀏覽器安裝Xpaht Helper插件平替Chrome瀏覽器Xpaht Helper插件定位元素

目錄

• 爬蟲 Edge瀏覽器安裝Xpaht Helper插件平替Chrome瀏覽器Xpaht Helper插件定位元素
• • 1.概述
  • 2.安裝Xpaht Helper插件
  • • 2.1.下載Xpaht Helper
    • 2.2.安裝Xpaht Helper
    • 2.3.使用Xpaht Helper
    • • 1.修改快捷鍵
      • 2.打開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插件流程在安裝一遍插件，使修改配置生效。

2.打開Xpaht Helper插件

windows： Shift + Alt + X
macOS：Shift + Alt + X

總結

以上是生活随笔為你收集整理的爬虫 Edge浏览器安装Xpaht Helper插件平替Chrome浏览器Xpaht Helper插件定位元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。