Custom.css已停止在32.0.1700.76 m Google Chrome更新中工作

Custom.css已停止在32.0.1700.76 m Google Chrome更新中工作

支持

Custom.css

已从32版的Chrome中删除。
此答案提供了两种在开发人员工具中轻松激活样式表的方法。建议使用第二种方法，但仅适用于Chrome 33+，第一种方法也适用于Chrome 32。

这两种方法都是Chrome扩展程序，要使用以下示例，请按照以下步骤 *** 作：

1. 创建一个目录，并将以下文件放入其中。
2. 去

   chrome://extensions

3. 选择“开发人员模式”
4. 点击“加载解压后的扩展程序”
5. 选择您刚刚创建的目录。

真正的模仿

Custom.css

本节使用如何将Javascript注入Chrome
DevTools本身中
介绍的两种技术之一。可以很容易地推广此扩展以完全模仿Custom.css，即在 每个页面（
如Custom.css）上激活样式表。
注意：如果您使用的是Chrome 33+，那么我强烈建议您在下一节中使用该方法。

manifest.json

{   "content_scripts": [{      "js": [ "run_as_devtools.js" ],      "matches": [ "<all_urls>" ]   }],    "key": "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC4r/pUHVPYQTn7vu3YHT52I0SKM15OBOTi0Jii4q5Koxd3Gdc/WXdqC2YgMA25J5PRiSubu/nHFf12Ubp3OZyNqB3j45ZscQ+tH1bwcV+cqdvv/Ik6VQaS6/qLmenLdFPKOCg/g1L1iKZu6Jjny6GlovpBj+7gjWQZBIoGBd70HQIDAQAB",   "manifest_version": 2,   "name": "Emulate Custom.css",   "version": "1.0",   "web_accessible_resources": [ "Custom.css" ]}

run_as_devtools.js

if (location.protocol === 'chrome-devtools:') (function() {    'use strict';    var l = document.createElement('link');    l.rel = 'stylesheet';    l.href = chrome.runtime.getURL('Custom.css');    document.head.appendChild(l);})();

Custom.css

---

官方方法（仅适用于Chrome 33+）

如果要自定义devtools样式，

chrome.devtools.panels.applyStyleSheet

则必须使用。该功能当前隐藏在一个标记（

--enable-devtools-experiments

，需要重新启动Chrome）和一个复选框（启用该标记后，打开devtools，单击齿轮图标，转到“实验”并选中“允许UI主题”）之后。

manifest.json

{  "name": "<name> DevTools Theme",  "version": "1",  "devtools_page": "devtools.html",  "manifest_version": 2}

devtools.html

 <script src="devtools.js"></script>

devtools.js

var x = new XMLHttpRequest();x.open('GET', 'Custom.css');x.onload = function() {    chrome.devtools.panels.applyStyleSheet(x.responseText);};x.send();

Custom.css