css3 – Custom.css已在32.0.1700.76分钟的Google Chrome更新中停止工作

前端之家收集整理的这篇文章主要介绍了css3 – Custom.css已在32.0.1700.76分钟的Google Chrome更新中停止工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我从这个网站使用Google Developer Tools的一些主题http://devthemez.com/themes/chrome-developer-tools

但是,在32.0.1700.76 m更新后,所有主题已停止工作。

我需要做什么让他们再工作?

谢谢你

解决方法

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

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

>创建一个目录并将以下文件放入其中。
>前往chrome:// extensions
>选择“开发人员模式”
>点击“加载解压缩的扩展名”
>选择刚刚创建的目录。

真正仿真Custom.css

本节使用How to inject javascript into Chrome DevTools itself中描述的两种技术之一。此扩展可以很容易地推广到完全模拟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

/* whatever you had in your 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

/* whatever you had in your Custom.css */

有关详细信息,请参阅https://code.google.com/p/chromium/issues/detail?id=318566

猜你在找的CSS相关文章