How to find css slector in Chrome browser
Steps:
1) Load the URL in chrome browser
2) Right click on mouse and select inspect option
3) Select inspect option in tool bar (first option (has arrow symbol))
4) Now select which filed locator you want
5) It highlights html code with blue color
6) We dont see css selector in right click options
7) See below hight lighted (below tool bar)
8) Mouse hiover on each and observe highted in page
9) capy hightted code and paste in your selenium code
10) Works fine
ex - facebook email filed ()
Steps:
1) Load the URL in chrome browser
2) Right click on mouse and select inspect option
3) Select inspect option in tool bar (first option (has arrow symbol))
4) Now select which filed locator you want
5) It highlights html code with blue color
6) We dont see css selector in right click options
7) See below hight lighted (below tool bar)
8) Mouse hiover on each and observe highted in page
9) capy hightted code and paste in your selenium code
10) Works fine
ex - facebook email filed ()
No comments:
Post a Comment