在 Chrome 中重新加载脚本/样式表

Question

使用 Chrome 的开发工具，是否可以仅重新加载一个（或多个）注入页面的脚本或样式表，而无需重新加载整个页面？那么，如果我page.html使用script.jsand style.css，是否可以重新加载，例如script.js，不刷新page.html？

Answer 1

一种适用于几乎所有样式表和图像的简单方法是通过向其 url 添加查询来更改文件名。

例如，在超级用户中，css 为：

<link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/superuser/all.css?v=a5d649727a07">

将其更改为

<link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/superuser/all.css?v=a5d649727a07&refresh">

并获得重新加载的（尽管相同）样式规则。

这可以制作成书签或复制到控制台

[].forEach.call(document.querySelectorAll("link[rel=stylesheet]"), function(link) {
   link.href+=(link.href.indexOf("?") > -1) ? "&refresh" : "?refresh";
})

至于脚本，你不应该这样做。几乎所有脚本都会在加载时修改页面或将自身附加到某个处理程序。您可以轻松加载另一个 js 文件，但之前的更改很难撤消。