代替案

単純に、 #hdtbMenus と #appbar のトグルを阻止するだけで良い気がしてきた。

メリット

• パーサーが不要。
  • 検索種類ごとの出し分け自体が不要になる。

……方針が根底から崩れるな…。

機構

hdtbMenus は2つのクラスをトグルして rule で制御してる。

.p4DDCd {
  display: none;
}

.yyoM4d {
  top: 58px;
  padding-top: 3px;
  padding-bottom: 7px;
  top: 0;
  top: 68px;
}

appbar の hdtb-ab-o の有無で、その下の #slim_appbar > div が rule を使って表示変化してる。

.hdtb-ab-o .LHJvCe {
  opacity: 0;
  top: 13px;
}

解法

• hdtbMenus: display: none; position: absolute; をキャンセルすれば良い。
• appbar: position: absolute; opacity: 0; をキャンセルすれば良い。

#hdtbMenus,
#appbar #slim_appbar > div {
  display: unset;
  position: unset;
  opacity: unset;
}

モチベ

これまで便利のために拡張機能で Google検索のパラメーターを調整していたが、メンテされてないため、自分で新調したい。

元ネタ

https://chrome.google.com/webstore/detail/quick-custom-gsearch/dcdmfmmmmpjgfaffnaokjpifnihmhaon

調査

Google検索の仕様を確認する。

https://www.seoquake.com/blog/google-search-param/

https://moz.com/blog/the-ultimate-guide-to-the-google-search-parameters

https://dev.classmethod.jp/articles/check-url-structure-of-google/

https://yoast-mercury.s3.amazonaws.com/uploads/2007/07/google-url-parameters.pdf

http://www13.plala.or.jp/bigdata/google.html

https://webrandum.net/google-search-parameter/

期間

https://ischool.co.jp/2018-05-10/

https://blog.fkoji.com/2007/09152333.html

日付順

BUG?

https://www.seroundtable.com/google-news-sort-by-date-32462.html

完全一致/Verbatim

https://rikeinomemochou.wordpress.com/2018/01/29/google検索の未指定を回避する/

https://did2memo.net/2018/05/13/google-search-missing-keywords/

advanced search

as_* = advanced search

https://serpapi.com/advanced-google-query-parameters

https://developers.google.com/custom-search/docs/xml_results

https://developers.google.com/custom-search/docs/xml_results_appendices

/webhp

ホームページには今回は用はない。

params:

• q
• hl

/search

これらが候補

params:

• q
  • = query
  • or any of: as_epq, as_lq, as_oq, as_q, as_rq
• oq
  • = original query
• hq
• as_q
• as_epq
  • exact phrase query
• as_eq
  • exclude query
• as_oq
  • or query
• as_qdr
  • = query date range
  • values:
    • `` (empty)
    • h|d|w|m|y
    • w1|m1|m3|m6|y1|y2|y3
• lr
  • = language restrict
  • values:
    • none
    • lang_local
    • lang_en

  • The lr parameter supports Boolean Operators

• tbs
  • qdr:
    • see as_qdr
  • li:1
    • 完全一致
  • sbd:1
    • sort by datetime (asc) = true
    • no more effective?
  • これらは以前はCSVだった様だが、現在は排他な様だ。
• tbm
  • = tab menu
  • target values: |bks|nws|vid
• cr

ツール

これらのうち、ツールで設定できるのが以下の3項目:

0. lr: 言語
1. as_qdr: 期間
2. tbs=li:1: 完全一致

ref

https://support.google.com/websearch/answer/142143

Below the search box, click Tools.
To add filters: In the Tools bar, click the filter and select an option.
To remove filters: In the Tools bar, click Clear.
Tip: For filters you add with one click, click the filter again to remove it.

https://www.itmedia.co.jp/enterprise/articles/0910/02/news021.html

開発

Plasmo を採用してみる

https://docs.plasmo.com/

UI は TSX で書く。

API

permission: activeTab only

Chrome

https://developer.chrome.com/docs/extensions/reference/tabs/#get-the-current-tab

https://developer.chrome.com/docs/extensions/reference/scripting/#method-executeScript

tabId is required.

Firefox

https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions#activetab_権限

https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript

missing tabId = the active tab

Plasmo、 Firefox 上では動かなかった……

issues

すでに あるかも？

https://github.com/PlasmoHQ/plasmo/issues?q=is%3Aissue+firefox

setup

pnpm create plasmo "Google Search Switcher" --entry=contents/inline

ref.

https://docs.plasmo.com/workflows

折角 試作したし、リンクしておく

https://gist.github.com/Wintus/1cf601c9943dbaa6bbd919fdfd01bf16