【開発者ツール】隠れたセレクタを調べる方法 #css

Channel:
Japan ナポリタン寿司@ブロガー
Subscribers:
419
Published on ● Video Link: https://www.youtube.com/watch?v=KqVFrDwSRbA


Duration: 0:48
79 views
0

開発者ツールを使って、「Vivaldi（ビバルディ）」ブラウザの隠れたセレクタ（ドロップダウンなど）を調べる方法紹介動画です。

0:00 コマンドチェイン経由で開発者ツール起動
0:07 「Console（コンソール）」からコマンド実行
0:17 ブラウザが一時停止するので、セレクタを選択する
0:28 試しに検索候補の背景色変更
0:38 一時停止の解除

カスタムCSSを適用したい時に便利です。

「Vivaldi」では、ドロップダウンなどの何かしらの動作で表示される場所が多数あります。今回のコマンドを使うことで、簡単に調べられます。

詳しくは、下記記事を参考にしてみてください。
https://www.naporitansushi.com/vivaldi-css/

#Vivaldi #vivaldibrowser #vivaldijp #ビバルディ #開発者 #javascript #コマンド #開発者ツール



Other Videos By ナポリタン寿司@ブロガー


2021-12-24【Amazing Searcher】Reference機能を使ってみた動画
2021-12-24【Amazing Searcher】Homepage機能を使ってみた動画
2021-12-23【Luxeritas】パターン登録が表示されない場合の対処法
2021-12-23【読書アシスト Webページ変換】速読用に書式を変更するChrome拡張機能
2021-12-21【アプリ強制削除】アプリのパッケージ名を一括置換すると効率的
2021-12-19【Boxel 3D】ジャンプで正方形をゴールに運ぶChrome拡張機能ゲーム
2021-12-19【Boxel 3D】魔のステージ9をプレイしてみた動画
2021-12-19【Start me】スタートページ内のウィジェットの移動
2021-12-19【WordPress】ブロックエディターでインライン画像を挿入する方法
2021-12-16【Vivaldi】ステータスバー経由でタイリングしてみた
2021-12-16【開発者ツール】隠れたセレクタを調べる方法 #css
2021-12-16【Vivaldi】マウスオーバーでタブをアクティブ化するタイミング
2021-12-16【Vivaldi】右クリックメニューをカスタマイズしてみた
2021-12-16【Vivaldi】パネルのオーバーレイ表示オンオフ動画
2021-12-16【Vivaldi】ショートカットキーだけでページ操作
2021-12-16【CLaunch】ウィンドウロックでアプリを登録する方法
2021-12-16【CLaunch】アプリランチャーソフトCLaunchを使ってみた動画
2021-12-16【ビデオエディター】Windows11標準内臓の初心者向け動画編集ソフト
2021-12-16【OneNote】書式を保存・呼び出しする方法。Onetasticを使ってみよう！
2021-12-14【Microsoft Rewards】ダッシュボードでコツコツポイントを貯められる
2021-12-14【ファイル名変換君】指定したフォルダ内のファイルを一括リネームするソフト


Tags:
Vivaldi
vivaldibrowser
vivaldijp
ビバルディ
JavaScript
ヴィヴァルディ
設定
ブラウザ
ジャバスクリプト
開発者ツール
コンソール
Console