我从这个网站使用Google Developer Tools的一些主题:
http://devthemez.com/themes/chrome-developer-tools
但是,在32.0.1700.76 m更新后,所有主题已停止工作。
我需要做什么让他们再工作?
谢谢你
解决方法
在版本32中已从Chrome中删除了对Custom.css的支持。
这个答案提供了两种方法来轻松激活开发工具中的样式表。建议使用第二种方法,但仅适用于Chrome 33,第一种方法也适用于Chrome 32。
这个答案提供了两种方法来轻松激活开发工具中的样式表。建议使用第二种方法,但仅适用于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