是否可以在 google 开发工具中实现完整的 css 页面？

Question

我有一个项目，正在为客户的网站编写新的 CSS，但我无法实际访问他们的代码。为了解决这个问题，我一直在使用 google 开发工具逐个元素地编辑浏览器中的 CSS。这种方法的一个大问题是，一旦我写完所有这些新 CSS，如果刷新浏览器，我就会丢失所有这些内容。

问题是，google 开发工具是否具有我可以上传全新 CSS 文档以覆盖其在浏览器中显示的内容的功能？

我猜不会，但如果可能的话，这会让我的生活更轻松。谢谢你们。

Answer 1

您可以使用 JavaScript 注入脚本。您可以使用诸如 TamperMonkey 之类的东西自动获得代码 运行。用于 FireFox 的 GreaseMonkey 与此类似，将为您提供更多示例。您还可以在注入对您的引用之前使用脚本删除页面上的任何样式表。