Google Search Display URL

Display page URLs under the page names (legacy feature).

As of 20.03.2022. See апошняя версія.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

/* ==UserStyle==
@name           Google Search Display URL
@name:ja        Google検索 URLを表示
@description    Display page URLs under the page names (legacy feature).
@description:ja 以前のようにページ名の下へURLを表示します。
@namespace      https://greasyfork.org/users/137
@version        1.5.0
@license        MPL-2.0
@contributionURL https://www.amazon.co.jp/registry/wishlist/E7PJ5C3K7AM2
@compatible     Edge
@compatible     Firefox 推奨 (Recommended)
@compatible     Opera
@compatible     Chrome
@author         100の人
@homepageURL    https://greasyfork.org/scripts/395307
==/UserStyle== */

/*
【動作確認用】
サイトリンク付き
https://www.google.com/search?q=Greasy+Fork
動画再生フォーム
https://www.google.com/search?q=%E5%A5%BD%E3%81%8D!%E9%9B%AA!%E6%9C%AC%E6%B0%97%E3%83%9E%E3%82%B8%E3%83%83%E3%82%AF
電卓
https://www.google.com/search?q=1-1
翻訳フォーム
https://www.google.com/search?q=test
乱数生成フォーム / このページを訳す
https://www.google.com/search?q=random+number
宅配便の追跡リンク
https://www.google.com/search?q=999999999994
Twitter
https://www.google.com/search?q=Twitter
*/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp("https?://www\\.google\\.(?:com|(?:com?\\.)?[a-z][a-z])/(?!maps(?:$|.*)).*") {
	.yuRUbf,
	[data-async-context^="query:"] div[data-hveid][data-ved]:not([id]):not([data-md]) h3 a, /* 動画再生フォーム */
	[data-async-context^="query:"] g-section-with-header g-link a { /* Twitter */
		--sub-color: darkgreen;

		display: grid;
		grid-template:
			" title title "
			" url   option"
			/ auto  1fr;
	}

	[data-async-context^="query:"] div[data-hveid][data-ved]:not([id]):not([data-md]):not([class*="wholepage"]) cite,
	[data-async-context^="query:"] g-section-with-header cite { /* Twitter */
		display: none;
	}

	.yuRUbf > a {
		display: contents;
	}

	.yuRUbf h3,
	[data-async-context^="query:"] g-section-with-header g-link h3 {
		grid-area: title;
		white-space: nowrap;
	}

	.yuRUbf > a::after,
	[data-async-context^="query:"] div[data-hveid][data-ved]:not([id]):not([data-md]) h3 a::after, /* 動画再生フォーム */
	[data-async-context^="query:"] g-section-with-header g-link a::after { /* Twitter */
		grid-area: url;
		content: attr(href);
		color: var(--sub-color);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 13px; /* Twitter */
	}

	.yuRUbf > div {
		grid-area: option;
		position: unset;
	}
}