В Firefox 24 Devtools-tweaks выделяет выбранные элементы в инспекторе Firefox более темно-синим цветом, поэтому они более заметным. Однако в бета-версии Firefox 25 он говорит, что он не определен при поиске панели с классом «iframe-ruleview» (правый список инспектора), хотя я вижу этот элемент в инспекторе DOM, это правильная панель со свойствами css .
Соответствующий код в контенте/инспекторTweaks.js:
// window.inspector is documented in inspector-panel.js
// .doc and window is inspector.xul window.
window.addEventListener('load',function() {
var frame = document.getElementsByClassName('iframe-ruleview')[0];
if (!frame.contentWindow.location.href.contains('cssruleview.xul')) {
//Not the xul, it's a html we have to extend from here (Firefox 22+)
frame.setAttribute('context',"dtCSSContext");
}
function styleit() {
var frame = document.getElementById('markup-box').children[0];
var doc = frame.contentDocument;
var style= doc.createElement('style');
style.appendChild(doc.createTextNode(
'.theme-selected { border:1px solid blue; padding:1px; margin-left:-2px; border-radius:3px;}'+
'.theme-twisty:not([open]) {top:5px; left:5px;}'
));
doc.body.appendChild(style);//what's the equivalent for old xul file?
}
styleit();
window.inspector.on("markuploaded", styleit);
frame.addEventListener('load',styleit);
//frame.contentWindow.addEventListener('load',styleit);
});
В нем говорится, что frame
не определено, исключение, которое не позволяет остальной части этого кода работать.
Я попытался изменить его с помощью приведенного ниже примера, но я думаю, что он предназначен для открытия инструментов разработки из основного фрейма?
window.addEventListener('load',function() {
let {ConsoleUtils, gDevTools} = Components.utils.import("resource:///modules/devtools/gDevTools.jsm", {});
let {devtools} = Components.utils.import("resource://gre/modules/devtools/Loader.jsm", {});
let TargetFactory = devtools.TargetFactory;
console.log('tf:')
console.log(TargetFactory)
console.log(devtools)
let target = TargetFactory.forTab(gBrowser.selectedTab);
^ Этот код выдает ошибку gBrowser не определено.
var frame = document.querySelector('.iframe-ruleview');
- person Sergio   schedule 06.10.2013iframe-ruleview
, тогда он будет работать, значит, происходит что-то еще, и нам нужно увидеть HTML, чтобы предложить вам помощь в том, что еще не так. - person jfriend00   schedule 06.10.2013