小书签不起作用在Firefox

Question

我写了一个脚本，改变设计糟糕的页面上的CSS元素。我一直在使用Chrome进行测试，现在它功能齐全。我已经把它在网络上，我现在用这个作为书签文字：

javascript:(function(){document.body.appendChild(document.createElement('script')).src='http://myexamplewebsite.com/files/adjustPage.js';})(); 

它完全在Chrome，但在最新的Firefox或IE浏览器无法正常工作。我查看了Chrome和Firefox的错误控制台，没有人抱怨任何问题。当我将代码放入错误控制台的“代码”字段并进行评估时，Firefox也不会作出反应。

Firefox没有说在底部的小状态栏：“读myexamplewebsite.com”，但没有别的。

这是不是在我上面跑的书签码怪癖，因为我已经放在一个“你好世界”脚本在同一台服务器上，并且它工作得很好。

有没有更好的方式来制定出什么样的Firefox/IE不喜欢我的剧本？

如果你有兴趣，我运行的代码是在这里。请原谅代码的丑陋，这是一个非常快速和肮脏的黑客：

var section = document.getElementsByClassName('cqGroupBox'); 
for(var i in section) { 
var children = section[i].childNodes; 

for(var j in children){ 
    if(children[j].innerText == 'Detected on configuration') { 
     var style = section[i].getAttribute('style'); 
     style += ' display:none;'; 
     section[i].setAttribute('style', style); 
     break; 
    } 
} 
} 

var tables = document.getElementsByTagName('table'); 
for(var i in tables) { 
try{ 
    var styleNode = tables[i].attributes.getNamedItem('style'); 
    var style = styleNode.firstChild.nodeValue; 

    if(style == null) { 
     continue; 
    } 

    if(style.match('top: 434px; left: 120px;') 
    || style.match('top: 461px; left: 120px;') 
    || style.match('top: 434px; left: 456px;') 
    || style.match('top: 461px; left: 456px;')){ 
     style += ' display:none;'; 
     tables[i].attributes.getNamedItem('style').firstChild.nodeValue = style; 
    } 
} catch(err){continue;} 
} 


var labels = document.getElementsByTagName('label'); 
for(var i in labels) { 
try{ 
    var styleNode = labels[i].attributes.getNamedItem('style'); 
    var style = styleNode.firstChild.nodeValue; 

    if(style == null) { 
     continue; 
    } 

    if(labels[i].innerText == 'OS' 
    || labels[i].innerText == 'App. Server' 
    || labels[i].innerText == 'DBMS' 
    || labels[i].innerText == 'Web Server'){ 
     style += ' display:none;'; 
     labels[i].attributes.getNamedItem('style').firstChild.nodeValue = style; 
    } 
} catch(err){continue;} 
} 

var divs = document.getElementsByTagName('div'); 
for(var i in divs) { 
try { 
    var styleNode = divs[i].attributes.getNamedItem('style'); 
    var style = styleNode.firstChild.nodeValue; 

    if(style == null) { 
     continue; 
    } 

    if(style.match('top: 291px; left: 23px;')){ 
     style.replace('height: 109px;',''); 
     divs[i].attributes.getNamedItem('style').firstChild.nodeValue = style; 

     innerDivs = divs[i].getElementsByTagName('div'); 
     for(var j in innerDivs){ 
      try { 
       innerStyle = innerDivs[j].attributes.getNamedItem('style').firstChild.nodeValue; 
       if(innerStyle.match('width: 665px; height: 109px;')){ 
        innerStyle = innerStyle.replace('height: 109px;',''); 
        innerStyle += ' font-size: 130%'; 
        innerDivs[j].attributes.getNamedItem('style').firstChild.nodeValue = innerStyle; 
       } 
      } catch(err){continue;} 
     } 
    } 
} catch(err){continue;} 
} 

Answer 1

innerText是一个非标准特性（到目前为止，现在有努力为它创建一个标准），这是不壁虎支持。是否使用textContent为您解决问题？

Answer 2

这里是固定的代码，即在Chrome，火狐3.6和最新的Firefox（如2011年8月）的作品。

var section = document.getElementsByClassName('cqGroupBox'); 
for(var i in section) { 
var children = section[i].childNodes; 

for(var j in children){ 
    if(children[j].textContent == 'Detected on configuration') { 
     var style = section[i].getAttribute('style'); 
     style += ' display:none;'; 
     section[i].setAttribute('style', style); 
     break; 
    } 
} 
} 

var tables = document.getElementsByTagName('table'); 
for(var i in tables) { 
try{ 
    var styleNode = tables[i].attributes.getNamedItem('style'); 
    var style = styleNode.firstChild.nodeValue; 

    if(style == null) { 
     continue; 
    } 

    if(style.match('top: 434px; left: 120px;') 
    || style.match('top: 461px; left: 120px;') 
    || style.match('top: 434px; left: 456px;') 
    || style.match('top: 461px; left: 456px;')){ 
     style += ' display:none;'; 
     styleNode.firstChild.nodeValue = style; 
     tables[i].setAttribute('style', style); 
    } 
} catch(err){continue;} 
} 


var labels = document.getElementsByTagName('label'); 
for(var i in labels) { 
try{ 
    var styleNode = labels[i].attributes.getNamedItem('style'); 
    var style = styleNode.firstChild.nodeValue; 

    if(style == null) { 
     continue; 
    } 

    if(labels[i].textContent == 'OS' 
    || labels[i].textContent == 'App. Server' 
    || labels[i].textContent == 'DBMS' 
    || labels[i].textContent == 'Web Server'){ 
     style += ' display:none;'; 
     styleNode.firstChild.nodeValue = style; 
     labels[i].setAttribute('style', style); 
    } 
} catch(err){continue;} 
} 

var divs = document.getElementsByTagName('div'); 
for(var i in divs) { 
try { 
    var styleNode = divs[i].attributes.getNamedItem('style'); 
    var style = styleNode.firstChild.nodeValue; 

    if(style == null) { 
     continue; 
    } 

    if(style.match('top: 291px; left: 23px;')){ 
     style = style.replace('height: 109px;',''); 
     styleNode.firstChild.nodeValue = style; 
     divs[i].setAttribute('style', style); 

     innerDivs = divs[i].getElementsByTagName('div'); 
     for(var j in innerDivs){ 
      try { 
       innerStyleNode = innerDivs[j].attributes.getNamedItem('style'); 
            innerStyle = innerStyleNode.firstChild.nodeValue; 

            if(innerStyle == null) { 
          continue; 
          } 

            if(innerStyle.match('width: 665px;') 
             && innerStyle.match(' height: 109px;')){ 
        innerStyle = innerStyle.replace('height: 109px;',''); 
        innerStyle += ' font-size: 130%'; 
        innerDivs[j].setAttribute('style', innerStyle); 
       } 
      } catch(err){continue;} 
     } 
    } 
} catch(err){continue;} 
} 

看到壁虎的DOM，如果你有发现什么是可供利用的问题，等等。