Xpath tools: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 20: Line 20:




[[Category:WebDev]]
[[Category:Web_Dev]] [[Category:Javascript]]

Revision as of 23:47, 1 September 2014

chrome javascript console

Chrome Browser chrome.png javascript console

  1. 選單: 工具 -> 開發人員工具 -> Console
  2. 輸入 $x("//img") ,按 Enter。就會顯示符合 xpath 規則的結果[1]

15103179455_c452b70923.jpg

image hosted by flickr

chrome extension

XPath Helper

  1. 輸入 ctrl + shift + x 開始 XPath Helper console
  2. 輸入 xpath 規則。就會凸顯符合 xpath 規則的網頁元件地方

15102884872_509e9559f6.jpg

image hosted by flickr

references