午间的杂耍-本地替换Google的logo

最新推荐文章于 2024-06-14 17:20:15 发布

原创最新推荐文章于 2024-06-14 17:20:15 发布 · 9.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

作者使用Chrome浏览器和Tampermonkey插件，通过编写简单的脚本来修改Google首页的Logo和按钮文字，体验前端技术带来的即时反馈和成就感。

debug kernel无解时分秒中的挫败感让我觉得必须来点所见即所得的东西了。

我不懂前端技术，一点也不懂，对这种一点不会的东西，随便弄点什么就能有十足的成就感，网上搜点资料，来把Google的logo替换了怎么样，嗯，不错。

我用的是Chrome，首先安装Tampermonkey插件：
在这里插入图片描述
是的，我评了个五星，并表达了感谢。点击右上角的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");

})();