☰

Googlifix

Fixes layout of Google if you don't like 2012 and 2013 changes. Brings back left column (sidebar) options, all expanded, black bar, etc.

  1. // ==UserScript==
  2. // @name        Googlifix
  3. // @author      om467
  4. // @namespace   com.googlifix
  5. // @include     http://www.google.tld/search*
  6. // @include     https://www.google.tld/search*
  7. // @include     http://www.google.tld/webhp*
  8. // @include     https://www.google.tld/webhp*
  9. // @include     http://google.tld/search*
  10. // @include     https://google.tld/search*
  11. // @include     http://google.tld/webhp*
  12. // @include     https://google.tld/webhp*
  13. // @include     http://www.google.tld/
  14. // @include     https://www.google.tld/
  15. // @include     http://google.tld/
  16. // @include     https://google.tld/
  17. // @include     http://www.google.tld/#*
  18. // @include     https://www.google.tld/#*
  19. // @include     http://google.tld/#*
  20. // @include     https://google.tld/#*
  21. // @include     http://www.google.tld/?*
  22. // @include     https://www.google.tld/?*
  23. // @include     http://google.tld/?*
  24. // @include     https://google.tld/?*
  25. // @include     https://encrypted.google.com/search*
  26. // @include     https://encrypted.google.com/webhp*
  27. // @include     https://encrypted.google.com/
  28. // @include     https://encrypted.google.com/#*
  29. // @version     29
  30. // @grant       GM_addStyle
  31. // @grant       GM_getValue
  32. // @grant       GM_setValue
  33. // @grant       GM_xmlhttpRequest
  34. // @description Fixes layout of Google if you don't like 2012 and 2013 changes. Brings back left column (sidebar) options, all expanded, black bar, etc.
  35. // ==/UserScript==
  36.  
  37. (function ()
  38. {
  39. 	// Constants
  40. 	var MUTATION_OBSERVER = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
  41. 	var SCRIPT_VERSION = 29;
  42. 	var UPDATE_CHECK_INTERVAL = 172800; // 2 days
  43. 	var UPDATE_CHECK_DELAY = 2000;
  44.  
  45. 	// Styles
  46. 	GM_addStyle(" \
  47. 		/* left sidebar */ \
  48. 		#hdtbMenus {overflow:visible !important; display:block !important;} \
  49. 		#hdtbMenus > div > div {display:none;} \
  50. 		#hdtbMenus > div > ul {display:block !important; margin-top:15px; min-width:150px !important; width:180px; border:0px !important; box-shadow:none !important; left:10px !important; top:50px !important; position:relative !important;} \
  51. 		@media screen and (min-width: 1400px){ \
  52. 			#hdtbMenus > div > ul {width:250px;} \
  53. 		} \
  54. 		#sc-block {width:120px !important; white-space:normal !important; height:auto !important;} \
  55. 		#sc-block .sc {display:inline-block !important; float:none !important;} \
  56. 		.hdtbItm.hdtbSel, \
  57. 			#hdtb .hdtbItm a, \
  58. 			#hdtb_more_mn a, \
  59. 			#cdrlnk {text-overflow:ellipsis !important; overflow:hidden !important; padding-right:4px !important;} \
  60. 		\
  61. 		/* content */ \
  62. 		#main #cnt #center_col, \
  63. 			.ab_tnav_wrp, \
  64. 			.mw #center_col, \
  65. 			.mw #foot {margin-left:197px !important;} \
  66. 		@media screen and (min-width: 1400px){ \
  67. 			#main #cnt #center_col, \
  68. 				.ab_tnav_wrp, \
  69. 				.mw #center_col, \
  70. 				.mw #foot {margin-left:267px !important;} \
  71. 		} \
  72. 		.mw #rhscol {overflow:visible !important;} \
  73. 		html.com-googlifix #center_col {min-height:550px;} \
  74. 		html.com-googlifix.com-googlifix-domain #center_col, html.com-googlifix.com-googlifix-uilanguage #center_col {min-height:800px;} \
  75. 		html.com-googlifix.com-googlifix-domain.com-googlifix-uilanguage #center_col {min-height:1000px;} \
  76. 		\
  77. 		/* top bar with menu */ \
  78. 		#hdtb_msb > .hdtb_mitem:first-child, \
  79. 			#hdtb_msb > .hdtb_mitem.hdtb_msel:first-child {margin-left:210px !important;} \
  80. 		@media screen and (min-width: 1400px){ \
  81. 			#hdtb_msb > .hdtb_mitem:first-child, \
  82. 				#hdtb_msb > .hdtb_mitem.hdtb_msel:first-child {margin-left:280px !important;} \
  83. 		} \
  84. 		#hdtb_tls {display:none !important;} \
  85. 		#hdtb_more {display:none !important;} \
  86. 		#hdtb_more_mn {display:inline-block !important; top:0px; border:0px !important; box-shadow:none !important; background-color:transparent !important; height:54px; overflow:hidden; margin-right:15px; padding:0px; position:relative !important;} \
  87. 		#hdtb_more_mn div.hdtb_msb_hmi {display:inline-block;} \
  88. 		#hdtb_more_mn div.hdtb_mitem {float:left;} \
  89. 		#hdtb_more_mn > div.hdtb_mitem:last-child, \
  90. 			#hdtb_more_mn > div.hdtb_mitem:nth-last-child(2) {display:none !important;} \
  91. 		@media screen and (min-width: 1400px){ \
  92. 			#hdtb_more_mn > div.hdtb_mitem:last-child, \
  93. 				#hdtb_more_mn > div.hdtb_mitem:nth-last-child(2) {display:inline-block !important;} \
  94. 		} \
  95. 		#hdtb_more_mn div.hdtb_mitem > a {height:44px; line-height:44px; padding:0 8px !important; margin:0 8px; display:inline-block;} \
  96. 		#hdtb_more_mn div.hdtb_mitem > a.q.qs:hover {background-color:transparent; color:#222 !important;} \
  97. 		#hdtb_msb > div.hdtb_mitem, \
  98. 			#hdtb_more_mn {vertical-align:middle; height:44px; line-height:44px;} \
  99. 		li.hdtbItm input[type='text'] {max-width:60px;} \
  100. 		li.hdtbItm input[type='submit'] {max-width:60px;} \
  101. 		@media screen and (min-width: 1400px){ \
  102. 			li.hdtbItm input[type='text'] {max-width:initial;} \
  103. 			li.hdtbItm input[type='submit'] {max-width:initial;} \
  104. 		} \
  105. 		body.vasq #hdtb_msb > div.hdtb_mitem.hdtb_msel {height:44px;} \
  106. 		#hdtb #hdtbSum {height:49px; line-height:44px;} \
  107. 		#topabar {border-bottom:1px solid #EBEBEB !important;} \
  108. 		#tads {padding-right:0px !important;} \
  109. 		\
  110. 		/* right profile box */ \
  111. 		#rhs_block > div, \
  112. 			#rhs_block > li, \
  113. 			#rhs_block > ol {margin-left:65px !important;} \
  114. 		@media screen and (min-width: 1400px){ \
  115. 			#rhs_block > div, \
  116. 				#rhs_block > li, \
  117. 				#rhs_block > ol {margin-left:145px !important;} \
  118. 		} \
  119. 		\
  120. 		/* people also search */ \
  121. 		#botabar {margin-left:280px !important;} \
  122. 		\
  123. 		/* images search */ \
  124. 		#main #cnt {background-color:#fff;} \
  125. 		#isr_soa {width:99% !important;} \
  126. 		div.prcmg {border-color:transparent;} \
  127. 		div#ifbd {background-color:transparent;} \
  128. 		\
  129. 		/* images search detail */ \
  130. 		iframe.irc_ifr {width:100% !important;} \
  131. 		#irc_bg {left:213px !important;} \
  132. 		@media screen and (min-width: 1400px){ \
  133. 			#irc_bg {left:283px !important;} \
  134. 		} \
  135. 		div.irc_t {width:62% !important; overflow:hidden;} \
  136. 		div.irc_b {min-width:auto;} \
  137. 		div.irc_cpr {display:none;} \
  138. 		\
  139. 		/* search bar + logo + black bar */ \
  140. 		#gba {height:57px;} \
  141. 		#gb > div > #gbq1 {margin-left:80px !important; padding-right:0px;} \
  142. 		@media screen and (min-width: 1400px){ \
  143. 			#gb > div > #gbq1 {margin-left:150px !important;} \
  144. 		} \
  145. 		#gb.com-googlifix-blackbar-searchbar {top:30px;} \
  146. 		#com-googlifix-blackbar {background-color:#444; padding:0px; height:30px; width:auto;} \
  147. 		#com-googlifix-blackbar a { display:inline-block; height:30px; line-height:30px; cursor:pointer; margin:0px; padding:0px 10px; text-decoration:none; color:#fff; font-weight:bold;} \
  148. 		#com-googlifix-blackbar a:hover {background-color:#666;} \
  149. 		#gbwa {display:none;} \
  150. 		\
  151. 		/* settings button + account button */ \
  152. 		#ab_ctls {z-index:103 !important; padding-bottom:4px !important; padding-right:16px !important; right:0px !important; background-color:transparent !important;} \
  153. 		#gbu.gbu-low-res {left:890px !important; right:auto;} \
  154. 		\
  155. 		/* footer */ \
  156. 		#fbarcnt {max-height:40px;} \
  157. 		#fbarcnt > div {bottom:auto;} \
  158. 		div.fbar {min-width:300px; border-bottom:1px solid #E4E4E4;} \
  159. 		\
  160. 		/* update box */ \
  161. 		#com-googlifix-updatebox {z-index:10000; background-color:#FFFFFF; border:1px solid #C5C5C5; box-shadow:0px 4px 16px rgba(0, 0, 0, 0.2); padding:10px 20px; position:fixed; top:10px; right:100px; color:#dd4b39; font-size:14px; font-weight:bold; } \
  162. 	");
  163. 	
  164. 	// black bar
  165. 	var blackbarItems = document.querySelectorAll("#gbwa > :nth-child(2) > ul");
  166. 	if (blackbarItems.length > 0 && document.location.host != "encrypted.google.com")
  167. 	{
  168. 		// search bar
  169. 		document.querySelector("#gb").className += " com-googlifix-blackbar-searchbar";
  170. 		
  171. 		// blackbar wrapper
  172. 		var blackbarWrapper = document.createElement("div");
  173. 		blackbarWrapper.setAttribute("id", "com-googlifix-blackbar");
  174. 		document.querySelector("#mngb").insertBefore(blackbarWrapper, document.querySelector("#gb"));
  175. 		
  176. 		// service links
  177. 		var serviceLinks = document.querySelectorAll("#gbwa > :nth-child(2) li");
  178. 		for (var i = 0; i < serviceLinks.length; i++)
  179. 		{
  180. 			var link = serviceLinks[i];
  181. 			
  182. 			var blackbarLink = document.createElement("a");
  183. 			blackbarLink.innerHTML = link.querySelector("a > :nth-child(2)").innerHTML;
  184. 			blackbarLink.setAttribute("href", link.querySelector("a").getAttribute("href"));
  185. 			
  186. 			blackbarWrapper.appendChild(blackbarLink);
  187. 		}
  188. 		
  189. 		// more link
  190. 		var moreLink = document.querySelector("#gbwa > :nth-child(2) > a:nth-of-type(2)");
  191. 		moreLink.className = "";
  192. 		blackbarWrapper.appendChild(moreLink);
  193. 	}
  194. 	
  195. 	// Images - Results width fix
  196. 	if (document.location.search.indexOf("tbm=isch") != -1 || document.location.hash.indexOf("tbm=isch") != -1)
  197. 	{
  198. 		// content width
  199. 		var rgObserver = new MUTATION_OBSERVER(function(mutations)
  200. 		{
  201. 			// width
  202. 			mutations[0].target.style.width = parseInt(getComputedStyle(document.querySelector("#rso"), "").getPropertyValue("width")) + "px";
  203.  
  204. 			// google recalculates everything on window resize, so we help him to know that there was a change by GM
  205. 			setTimeout(function()
  206. 			{
  207. 				var uiEvent = document.createEvent('UIEvents');
  208. 				uiEvent.initUIEvent('resize', true, false, window, 0);
  209. 				window.dispatchEvent(uiEvent);
  210. 			}, 1000);
  211. 			
  212. 			rgObserver.disconnect();
  213. 		});
  214. 		rgObserver.observe(document.querySelector("#rg"), { attributes: true, childList: false, attributeFilter: ["style"] });
  215.  
  216. 		// image detail width
  217. 		var ircObserver = new MUTATION_OBSERVER(function(mutations)
  218. 		{
  219. 			for (var i = 0; i < mutations.length; i++)
  220. 			{
  221. 				if ((mutations[i].target.id || "") == "rcnt")
  222. 				{
  223. 					var ircc = document.querySelectorAll("div.irc_c");
  224. 					var rg = document.querySelector("#rg");
  225. 					if (ircc.length == 3 && rg != null)
  226. 					{
  227. 						var rgWidth = (parseInt(getComputedStyle(rg, null).getPropertyValue("width")) - 12) + "px";
  228. 						mutations[i].addedNodes[0].style.maxWidth = rgWidth;
  229. 						for (var k = 0; k < ircc.length; k++)
  230. 							ircc[k].style.maxWidth = rgWidth;
  231. 					}
  232. 					return;
  233. 				}
  234. 			}
  235. 		});
  236. 		ircObserver.observe(document.querySelector("#main"), { attributes: false, childList: true, subtree: true });
  237. 	}
  238. 	
  239. 	// Adds class to HTML element for compatibility reasons, so that other userscripts know about this userscript
  240. 	document.querySelector("html").className += " com-googlifix";
  241. 		
  242. 	// update check
  243. 	function openUpdateDialog()
  244. 	{
  245. 		var box = document.createElement("div");
  246. 		box.id = "com-googlifix-updatebox";
  247. 		box.innerHTML = "New version of Googlifix is available. <a href=\"http://userscripts.org/scripts/source/152777.user.js\" onclick=\"this.parentNode.style.display='none'\">Update now</a>.";
  248. 		document.querySelector("body").appendChild(box);
  249. 	}
  250. 	
  251. 	setTimeout(function()
  252. 	{
  253. 		var lastUpdateCheck = GM_getValue('lastCheck', 0);
  254. 		var lastCheckVersion = GM_getValue('lastCheckVersion', SCRIPT_VERSION);
  255. 		var now = Math.round(new Date().getTime() / 1000);
  256. 		
  257. 		if (now > (lastUpdateCheck + UPDATE_CHECK_INTERVAL))
  258. 		{
  259. 			GM_setValue('lastCheck', now);
  260. 			GM_xmlhttpRequest({
  261. 				method: "GET",
  262. 				url: "http://userscripts.org/scripts/source/152777.meta.js",
  263. 				onload: function(xhr)
  264. 				{
  265. 					var siteVersion = parseInt(xhr.responseText.match(/\/\/\s*@version\s*([\d]+).*/)[1]);
  266. 					GM_setValue('lastCheckVersion', siteVersion);
  267. 					if (siteVersion > SCRIPT_VERSION)
  268. 						openUpdateDialog();
  269. 				}
  270. 			});
  271. 		}
  272. 		else if (SCRIPT_VERSION < lastCheckVersion)
  273. 			openUpdateDialog();
  274. 	}, UPDATE_CHECK_DELAY);
  275. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址