ブラウザの開発ツールからCSSセレクタをコピーする
- 2020-12-01
- python
ブラウザの開発ツールから、HTML要素を選択するCSSセレクタをコピーすることができます。
操作方法は動画をご覧ください。
動画ではChromeを使用していますが、すべての主要なPC向けブラウザに同様の機能が搭載されています。Safariの場合は選択したい要素を右クリック→「コピー」→「セレクタのパス」を選びます。Firefoxの場合は右クリックして「コピー」→「CSS セレクター」を選びます。
コピーされるのはかなり……ベタなセレクタで、Webデザインなどに使うのはちょっと難しいかもしれませんが、Pythonやその他プログラミング言語でページをスクレイピングするときにはかなり役に立ちます。ぜひ使ってみてください。