我在使用 Google Chrome 时遇到问题:19.0.1084.52 m 当我安装了Ask Toolbar时,它会破坏网站布局。
见打印屏幕:
Chrome 中的工具栏是否会影响网站的常见行为?
编辑:我想我应该将所有内容都包装在 a<div>
中并从中移动背景图像,<body>
尽管有没有更好的选择而不添加这个额外的标记?
我在使用 Google Chrome 时遇到问题:19.0.1084.52 m 当我安装了Ask Toolbar时,它会破坏网站布局。
见打印屏幕:
Chrome 中的工具栏是否会影响网站的常见行为?
编辑:我想我应该将所有内容都包装在 a<div>
中并从中移动背景图像,<body>
尽管有没有更好的选择而不添加这个额外的标记?
Javascript 片段可以禁用 chrome 中的询问工具栏。希望这个功能快点普及!!
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="removeAsk()">
没有用于创建工具栏的 Chrome 扩展 API,因此提到的扩展必须是通过内容脚本创建的。这意味着对于您打开的每个页面,此扩展程序都会注入 CSS 和 JavaScript 文件,以在页面内创建一个充当工具栏的 DOM 元素。这个解决方案的问题是,使用内容脚本可能会弄乱网站的外观甚至是它的工作方式。
我在询问工具栏上遇到了同样的问题。我基本上取出了我的定位属性和 top/left/right/bottom 并替换为边距。边距使用的空间更少,而且更干净。
虽然我同意,但容纳工具栏有点荒谬,因为最终用户可能安装了任何会破坏并给您的布局错误的东西。即使是 Skype 扩展程序也会破坏仅更改电话号码的布局。
所以你可以做的不多,但使用边距并将 CSS 保持在最低限度。只是我的2美分。如果您必须使用 CSS,请坚持使用边距。