webstormでXPathの検索方法

##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