目次
こんな感じ。
適当なChromeの拡張機能を使ってAmazonのサイトを開いたときに以下のCSSが適用されるようにするだけ。
/* 2023年10月頃からAmazonの検索ボックスの下に表示されるようになったサジェスチョンを非表示にする。 */
div.left-pane-results-container:has(i.s-suggestion-trending-icon) {
display: none !important;
}例えば、Chrome拡張機能「Live editor for CSS, Less & Sass - Magic CSS」を使う場合の手順は以下の通り。
- Chrome上で以下のリンクをクリックし拡張機能「Live editor for CSS, Less & Sass - Magic CSS」のインストールページを表示する。
- ページの右上にある「Chromeに追加」ボタンをクリックする。
- ページの中央上部にダイアログが表示されるので「拡張機能を追加」ボタンをクリックする。
- 同期に関するダイアログが表示されるので適当に答える。
- アマゾンのトップページ(https://www.amazon.co.jp/)を表示する。
- Chromeのロケーションバーの右隣にあってマウスをのせると「拡張機能」と表示されるアイコンをクリックし更に「Live editor for CSS, Less & Sass - Magic CSS」の行をクリックする。
- ページの左上に表示されるダイアログに冒頭のコードをコピペする。
- 7.のダイアログのピンの形をしたアイコンをクリックする。
- ページの中央上部にダイアログが表示されるので「許可する」ボタンをクリックする。
- 7.のダイアログの右上にあってマウスをのせると「Close」と表示されるアイコンをクリックする。
以上
コメント