Google Search Display URL

Display URLs for each search result as before.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

/* ==UserStyle==
@name           Google Search Display URL
@name:ja        Google検索 URLを表示
@description    Display URLs for each search result as before.
@description:ja 以前のように各検索結果へURLを表示します。
@namespace      https://greasyfork.org/users/137
@version        2.0.0
@license        MPL-2.0
@contributionURL https://github.com/sponsors/esperecyan
@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=Twitter
動画再生フォーム
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
*/

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

@-moz-document url("https://www.google.com/search?q=Greasy%20Fork"), url("https://www.google.co.jp/search?q=Greasy%20Fork"), /* Greasy Forkの適用サイト用 */
	regexp("https?://www\\.google\\.(?:com|(?:com?\\.)?[a-z][a-z])/(?!(?:webhp$|$)|maps(?:$|.*)|search\\?(.*&)?(?:tbm=lcl|tbs=lrf|udm=2)(?:$|.*)).*") {
	.yuRUbf > div,
	[data-async-context^="query:"] div[data-hveid][data-ved]:not([id]):not([data-md]) h3  a {
		--url-color: #4D5156;
		--icon-size: 26px;
		--icon-margin-right: 12px;

		display: grid;
		grid-template:
			" icon  site  site"
			" icon  url   option"
			" title title title"
			/ calc(var(--icon-size) + var(--icon-margin-right)) min-content auto;
	}
	
	table h3 a {
		/* サイトリンク */
		display: block !important;
	}

	[data-async-context^="query:"] :is(
		div[data-hveid][data-ved]:not([id]):not([data-md]):not([class*="wholepage"])
	 ) cite {
		display: none;
	}

	.yuRUbf > div > span,
	.yuRUbf > div > span > a {
		display: contents;
	}

	:is(
		.yuRUbf > div,
		[data-async-context^="query:"] g-section-with-header g-link
	 ) h3 {
		grid-area: title;
		white-space: nowrap;
		transform: unset !important;
	}

	.yuRUbf > div h3 ~ div,
	.yuRUbf > div h3 ~ div > div {
		display: contents !important;
	}

	.yuRUbf > div h3 ~ div > div > span {
		 grid-area: icon;
		 align-self: center;
	}

	.yuRUbf > div h3 ~ div > div > div {
		 grid-area: site;
	}

	:is(
		.yuRUbf > div > a,
		.yuRUbf > div > span > a
	)::after {
		grid-area: url;
		content: attr(href);
		color: var(--url-color);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	table a::after {
		/* サイトリンク */
		content: unset !important;
	}

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

	.yuRUbf > div > div > div:first-of-type {
		display: none;
	}

	.yuRUbf > div > div > div:nth-of-type(2) {
		margin-top: unset;
	}
}