##XPath検索画面の表示
WebStorm(2017.1)で説明します。
###【Find by XPath】
-
ツールバーからの場合:[Edit]→[Find]→[Find by XPath]
-
ショートカットの場合:[option+command+X]押下後→[F]


##基本的な検索方法
プロジェクト内から検索したい項目 | XPathコマンド |
---|---|
.hoge | /descendant::*[contains(concat(" ",@class," ")," hoge ")] |
.hoge > li | /descendant::*[contains(concat(" ",@class," ")," hoge ")]/li |
.fuga .piyo | /descendant::[contains(concat(" ",@class," ")," fuga ")]//[contains(concat(" ",@class," ")," piyo ")] |
#参考記事
- CSS3セレクタとXPathでの表現の対応表http://piro.sakura.ne.jp/latest/blosxom/mozilla/xul/2007-09-13_selector-to-xpath.htm
- クローラ作成に必須!XPATHの記法まとめ
https://qiita.com/rllllho/items/cb1187cec0fb17fc650a