14,959
edits
Xpath tools: Difference between revisions
Jump to navigation
Jump to search
m
no edit summary
mNo edit summary |
|||
| Line 49: | Line 49: | ||
</pre> | </pre> | ||
== | == XPath Browser extensions == | ||
[https://chrome.google.com/webstore/detail/xpath-helper/hgimnogjllphhhkhlmebbmlgjoejdpjl XPath Helper] | [https://chrome.google.com/webstore/detail/xpath-helper/hgimnogjllphhhkhlmebbmlgjoejdpjl XPath Helper] for {{Chrome}} | ||
# 不支援 {{kbd | key=<nowiki>file:///</nowiki>}} | # 不支援 {{kbd | key=<nowiki>file:///</nowiki>}} | ||
| Line 57: | Line 57: | ||
: https://planetoid.info/images/xpath_helper.jpg | : https://planetoid.info/images/xpath_helper.jpg | ||
[https://chrome.google.com/webstore/detail/selectorshub/ndgimibanhlabgdgjcpbbndiehljcpfh SelectorsHub] | [https://chrome.google.com/webstore/detail/selectorshub/ndgimibanhlabgdgjcpbbndiehljcpfh SelectorsHub] for {{Chrome}} | ||
# After adding it to browser, restart the browser. 安裝後，重新啟動瀏覽器 | # After adding it to browser, restart the browser. 安裝後，重新啟動瀏覽器 | ||
| Line 65: | Line 65: | ||
# To build your own xpath or CSS Selector, start typing in the selector input box. | # To build your own xpath or CSS Selector, start typing in the selector input box. | ||
[https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac/related Natu WebSync - Chrome 線上應用程式商店] | [https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac/related Natu WebSync - Chrome 線上應用程式商店] for {{Chrome}} | ||
# 開啟「開發人員工具」 | # 開啟「開發人員工具」 | ||
# 點選標籤「WebSync」-> 輸入 xpath 規則 | # 點選標籤「WebSync」-> 輸入 xpath 規則 | ||
[https://chrome.google.com/webstore/detail/css-selector/dobcgekgcmhjmfahepgbpmiaejlpaalc CSS Selector][https://css-selector-gadget.dllplayer.com/welcome] | [https://chrome.google.com/webstore/detail/css-selector/dobcgekgcmhjmfahepgbpmiaejlpaalc CSS Selector][https://css-selector-gadget.dllplayer.com/welcome] for {{Chrome}} | ||
* 直接點選網頁元素，則顯示 CSS Selector。點選 xpath 按鈕則顯示 xpath 路徑。 | * 直接點選網頁元素，則顯示 CSS Selector。點選 xpath 按鈕則顯示 xpath 路徑。 | ||
[https://addons.mozilla.org/zh-TW/firefox/addon/firebug/ Firebug] + [https://addons.mozilla.org/zh-TW/firefox/addon/firepath/ FirePath] for {{Fx}} | [https://addons.mozilla.org/zh-TW/firefox/addon/firebug/ Firebug] + [https://addons.mozilla.org/zh-TW/firefox/addon/firepath/ FirePath] for {{Fx}} | ||
# 選單: 工具 --> 網頁開發者 --> Firebug --> 開啟 Firebug | # 選單: 工具 --> 網頁開發者 --> Firebug --> 開啟 Firebug | ||