Question

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

非常感谢你！真的很感激它：）

Answer 1

您可以使用每次刷新页面时都会加载的JavaScript，您可以使用Google Chrome的扩展程序来实现，然后使用JS更改内容。

请记住：所有这些都是网络浏览器的一面，只有您自己可以看到。

Answer 2

DevTools有一种保存方式或者＃34; persist＆＃34;通过将文件保存到工作区来进行更改。见这里：https://developers.google.com/web/tools/setup/setup-workflow?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
您可以制作使用DOM读取内容的Chrome扩展程序，然后对其进行缓存，下次网站打开时，它会清除页面并插入缓存的HTML。

Answer 3

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

使用内容脚本

创建第一个扩展程序的简短指南

创建文件夹My extension，加入

创建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",
    ]
}

在您的devtools中执行时，使用某些脚本创建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');
  }
}

将jquery.min.js放在manifest.json附近（您可以从https://code.jquery.com/jquery-3.1.1.min.js下载）
将新的扩展程序脚本加载到浏览器：settings - ＆gt;扩展程序 - ＆gt; [x]开发者模式 - ＆gt;加载未打包的扩展程序 - ＆gt;选择＆＃34;我的扩展程序＆＃34;文件夹 - ＆gt;负载

了解更多

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

编辑网站文本并保存到浏览器？

3 个答案:

使用内容脚本

了解更多