您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

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

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

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

@H_419_1@{
   "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" ]
}
@H_419_1@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);
})();
@H_419_1@/* whatever you had in your Custom.css */

如果要自定义devtools样式,@H_419_1@chrome.devtools.panels.applyStyleSheet则必须使用。该功能当前隐藏在一个标记(@H_419_1@--enable-devtools-experiments,需要重新启动Chrome)和一个复选框(启用该标记后,打开devtools,单击齿轮图标,转到“实验”并选中“允许UI主题”)之后。

@H_419_1@{
  "name": "<name> DevTools Theme",
  "version": "1",
  "devtools_page": "devtools.html",
  "manifest_version": 2
}
@H_419_1@ <script src="devtools.js"></script>
@H_419_1@var x = new XMLHttpRequest();
x.open('GET', 'Custom.css');
x.onload = function() {
    chrome.devtools.panels.applyStyleSheet(x.responseText);
};
x.send();
@H_419_1@/* whatever you had in your Custom.css */
CSS 2022/1/1 18:19:54 有480人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶