Google Chrome工具栏打破了网站布局

时间:2012-06-08 09:12:07

标签: css google-chrome web google-chrome-extension

我在使用Google Chrome时出现问题:安装Ask Toolbar后,我有一个问题:19.0.1084.52米 它打破了网站布局。

见打印屏幕: enter image description here

Chrome中的工具栏是否会影响网站?

编辑:我想我应该将所有内容都包装在<div>中并从<body>移动背景图片,尽管有没有更好的选择而不添加额外的标记?

Website link

2 个答案:

答案 0 :(得分:7)

Javascript代码段可以禁用chrome中的ask工具栏。我希望这个功能能够快速传播!!

function removeAsk(){
    if(document.getElementById("apn-null-toolbar") != null){
        // mainMenu had a style change for its top positioning, returning it to normal
        // perhaps a function can be made which iterates over every element ask has changed
        document.getElementById("mainMenu").style.top = "-16px";
        // Just remove the iframe and style elements
        (elem=document.getElementById("apn-null-toolbar")).parentNode.removeChild(elem);
        (elem=document.getElementById("apn-body-style")).parentNode.removeChild(elem);
    }
}

在body onload

之后调用此方法
<body onload="removeAsk()">

答案 1 :(得分:1)

没有用于创建工具栏的Chrome扩展程序API,因此提到的扩展程序必须通过内容脚本创建它。这意味着,对于您打开的每个页面,此扩展注入CSS和JavaScript文件,以在页面中创建充当工具栏的DOM元素。这个解决方案的问题在于,使用内容脚本可能会弄乱网站外观甚至是它的工作方式。