Tampermonkey插件本地替换Google的logo

程序员文章站 2022-03-11 19:00:04

debug kernel无解时分秒中的挫败感让我觉得必须来点所见即所得的东西了。我不懂前端技术，一点也不懂，对这种一点不会的东西，随便弄点什么就能有十足的成就感，网上搜点资料，来把Google的logo替换了怎么样，嗯，不错。我用的是Chrome，首先安装Tampermonkey插件：点击右上角的Tampermonkey插件图标，选择添加新脚本：然后在编辑区输入下面的脚本：// ==UserScript==// @name New Userscript// @namespa...

把Google的logo替换了怎么样，嗯，不错。

我用的是Chrome，首先安装Tampermonkey插件：
Tampermonkey插件本地替换Google的logo
是的，我评了个五星，并表达了感谢。点击右上角的Tampermonkey插件图标，选择添加新脚本：

然后在编辑区输入下面的脚本：

// ==UserScript== // @name         New Userscript // @namespace    http://tampermonkey.net/ // @version      0.1 // @description  try to take over the world! // @author       You // @match        https://www.tampermonkey.net/index.php?version=4.10&ext=dhdg&updated=true // @grant        none // @include *://www.google.com/ // @include *://www.google.com.*/ // ==/UserScript== (function() { 'use strict'; var logo = document.getElementById("lga").getElementsByTagName("img")[0]; logo.removeAttribute("srcset"); logo.src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQ1fTRY0Tw4fwCHVp0H5AW-gRQe7ezA25n7Rg&usqp=CAU"; logo.width=300; logo.height=150; logo.style.paddingTop = "59px"; var btnk = document.getElementsByName("btnK")[1]; var btni = document.getElementsByName("btnI")[1]; btnk.value = btnk.value.replace(/.*\s?/,"浙江温州皮鞋湿"); btni.value = btni.value.replace(/.*\s?/,"下雨进水不会胖"); var footElements = document.getElementsByClassName("Fx4vi"); footElements[5].innerHTML = footElements[5].innerHTML.replace(/Google\s?/,"温州皮鞋"); footElements[6].innerHTML = footElements[6].innerHTML.replace(/Google 搜索\s?/,"Skinshoe"); })();

脚本写的不好，因为我不懂编程，我只知道堆砌，至于上面的那些元素的名字是怎么得到的，很简单，Chrome的 “视图-开发者-检查元素” 就能看到：
Tampermonkey插件本地替换Google的logo

摆好谱之后，进入Google首页，效果如下：
Tampermonkey插件本地替换Google的logo
保留了个Google字眼没有替换…

前端技术很有意思，这种既视感冲击是深入下去的巨大动力，总比黑色屏幕panic了一上午分析vmcore带来的感官刺激多得多。

本文地址：https://blog.csdn.net/dog250/article/details/107883993