编辑网站文本并保存到浏览器？ [关闭]

Question

我很想知道如何编辑网站数据，例如文本... 我知道您可以通过使用 Chrome 中的开发人员工具轻松地做到这一点，但问题是，在您使用该工具对网站进行更改后......它会在简单刷新后消失:( 所以我的问题是： 如何对网站进行更改并将其“保存”到浏览器，以便每次我回到该特定网站时，浏览器都会根据我使用开发人员工具所做的更改代码显示该网站（或相似的）。您可以将其保存在本地，是的。但我希望浏览器显示 URL，就好像我实际上在该特定网站上一样。

非常感谢！ 真的很感激:)

Answer 1

您可以为此使用 chrome 扩展内容脚本。

使用内容脚本创建第一个扩展的简短指南

1. 创建文件夹My extension，加入它

2. 创建manifest.json:

   {
       "manifest_version": 2,
       "name": "My First Extension",
       "description": "This is my first content-script extension",
       "version": "1.0",
       "content_scripts": [{
           "run_at": "document_end",
           "matches": [
               "https://site_you_want_to_change.com"
           ],
           "js": ["jquery.min.js", "content-script-1.js"]
       }],
       "browser_action": {
       },
       "permissions": [
           "activeTab",
       ]
   }
   

3. 在开发工具中执行时使用一些脚本创建content-script-1.js，例如：

   // with jQuery - change page background style
   $("body").css({"background-color":"red"});
   
   // ...or without it - change google country name to 'blablabla'
   document.querySelector(".logo-subtext").innerHTML = "blablabla";
   
   // ... or replace all text, found on page from 'Country' to 'blablabla'
   allNodes=document.getElementsByTagName("*");
   for(node in allNodes){
     if(allNodes[node].innerHTML != undefined)
     {
       allNodes[node].innerHTML=allNodes[node].innerHTML.replace('Country', 'blablabla');
     }
   }
   

4. 把jquery.min.js放在你的manifest.json旁边（你可以从https://code.jquery.com/jquery-3.1.1.min.js下载）
5. 将新的扩展脚本加载到浏览器：设置 -> 扩展 -> [x] 开发人员模式 -> 加载解压的扩展 -> 选择“我的扩展”文件夹 -> 加载

了解更多

Chrome 扩展快速入门指南：https://developer.chrome.com/extensions/getstarted