爬蟲(chóng) Edge瀏覽器安裝Xpaht Helper插件平替Chrome瀏覽器Xpaht Helper插件定位元素

目錄

• 爬蟲(chóng) Edge瀏覽器安裝Xpaht Helper插件平替Chrome瀏覽器Xpaht Helper插件定位元素
• • 1.概述
  • 2.安裝Xpaht Helper插件
  • • 2.1.下載Xpaht Helper
    • 2.2.安裝Xpaht Helper
    • 2.3.使用Xpaht Helper
    • • 1.修改快捷鍵
      • 2.打開(kāi)Xpaht Helper插件

1.概述

在爬蟲(chóng)過(guò)程中最多的操作就是在解析數(shù)據(jù)，尤其是解析html頁(yè)面元素，如果沒(méi)有工具幫助定位元素時(shí)間會(huì)很長(zhǎng)，因此找到了一款平替chrome瀏覽器使用的Xpaht Helper插件，安裝到Edge瀏覽器上輔助我們完成頁(yè)面元素定位。

2.安裝Xpaht Helper插件

2.1.下載Xpaht Helper

Xpaht Helper插件的源代碼在GitHub上可以下載，下面是項(xiàng)目下載鏈接。

https://github.com/eliasdorneles/xpath_helper

打開(kāi)GitHub項(xiàng)目后，點(diǎn)擊Code——在下拉菜單中選擇Download ZIP 下載項(xiàng)目

2.2.安裝Xpaht Helper

1.點(diǎn)擊瀏覽器工具欄...下拉菜單，點(diǎn)擊擴(kuò)展菜單

2.在擴(kuò)展菜單頁(yè)面打開(kāi)開(kāi)發(fā)人員模式 即可顯示加載解壓縮的擴(kuò)展菜單

3.解壓縮下載的插件xpath_helper-master.zip壓縮文件

4.點(diǎn)擊加載解壓縮的擴(kuò)展菜單，選擇已解壓的xpath_helper-master文件，添加插件成功。

2.3.使用Xpaht Helper

新安裝插件后首先關(guān)閉瀏覽器，重新打開(kāi)瀏覽器才可以使用。

1.修改快捷鍵

Xpaht Helper插件默認(rèn)打開(kāi)快捷鍵
windows： Shift + Ctrl + X
macOS：Shift + control + X

打開(kāi)Xpaht Helper插件默認(rèn)快捷鍵和Edge快捷鍵沖突，因此不能打開(kāi)Xpaht Helper插件，不過(guò)沒(méi)有關(guān)系我們可以修改Xpaht Helper插件源碼的快捷鍵打開(kāi)和關(guān)閉插件。

在xpath_helper-master文件中打開(kāi)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文件中打開(kāi)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.打開(kāi)Xpaht Helper插件

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。