标签: cross-browser
跨浏览器扩展API？
有开发跨平台浏览器插件的工具.
浏览器扩展(即工具栏或AdBlock等过滤系统)是否有类似的工具或API？
推荐指数
解决办法
查看次数
是否有"width:-moz-fit-content;"的css跨浏览器值？
我需要一些div作为中心位置,同时适合它们的内容宽度.
我现在这样做:
.mydiv-centerer{
text-align: center;
.mydiv {
background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7);
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 5px #0099FF;
color: white;
margin: 10px auto;
padding: 10px;
text-align: justify;
width: -moz-fit-content;
}
}
现在,最后一个命令"width:-moz-fit-content;" 是正是我所需要的!
唯一的问题是..它只适用于Firefox.
我也试过"display:inline-block;" ,但我需要这些div表现得像div.也就是说,每下一格应下,而不是内联,以前的.
你知道任何可能的跨浏览器解决方案吗？
推荐指数
解决办法
查看次数
输入按键的行为类似于Javascript中的Tab
我正在寻找创建一个表单,按Enter键导致焦点转到页面上的"下一个"表单元素.我一直在网上找到的解决方案是......
<body onkeydown="if(event.keyCode==13){event.keyCode=9; return event.keyCode}">
不幸的是,这似乎只适用于IE.所以这个问题的真正含义是,是否有人知道适用于FF和Chrome的解决方案？另外,我宁愿不必将onkeydown事件添加到表单元素本身,但如果这是唯一的方法,那就必须这样做.
这个问题类似于问题905222,但在我看来,这个问题值得我自己提出.
编辑:另外,我已经看到人们提出这个问题并不好,因为它与用户习惯的形式行为不同.我同意!这是客户要求:(
推荐指数
解决办法
查看次数
如何在浏览器的右下角定位div？
我试图将我的div 放在屏幕右下方的一些笔记中,这些笔记将一直显示.
我使用了以下css:
#foo
{
position: fixed;
bottom: 0;
right: 0;
}
它适用于Chrome 3和Firefox 3.6,但IE8糟透了......
什么是适合它的解决方案？
推荐指数
解决办法
查看次数
在浏览器中实际使用和支持SNI吗？
我可以找到有关SNI的各种信息(参见维基百科),但我找不到任何有关浏览器实际支持的统计信息.
我能找到的最好的是它应该适用于带有SP3的Windows XP.
有谁知道SNI是否真的可以在实践中使用？
推荐指数
解决办法
查看次数
document.body.scrollTop Firefox返回0:只有JS
纯javascript中的任何替代品？
以下适用于歌剧,铬和野生动物园.尚未在资源管理器上测试过:
http://monkey-me.herokuapp.com
https://github.com/coolcatDev/monkey-me-heroku/blob/master/static/js/myscripts.js
在页面加载时应向下滚动到div'.content':
var destiny = document.getElementsByClassName('content');
var destinyY = destiny[0].offsetTop;
scrollTo(document.body, destinyY, 200);
function scrollTo(element, to, duration) {
if (duration <= 0) return;
var difference = to - element.scrollTop;
var perTick = difference / duration * 2;
setTimeout(function() {
element.scrollTop = element.scrollTop + perTick;
scrollTo(element, to, duration - 2);
}, 10);
};
推荐指数
解决办法
查看次数
以跨浏览器的方式查找视口的确切高度和宽度(无原型/ jQuery)
我试图找到浏览器视口的确切高度和宽度,但我怀疑Mozilla或IE正在给我错误的数字.这是我的身高方法:
var viewportHeight = window.innerHeight ||
document.documentElement.clientHeight ||
document.body.clientHeight;
我还没有开始宽度,但我猜它会有类似的东西.
是否有更正确的方法来获取此信息？理想情况下,我也希望该解决方案能够与Safari/Chrome /其他浏览器配合使用.
推荐指数
解决办法
查看次数
textarea下的额外空间与浏览器不同
在textarea标签下有一些额外的空间.在不同的浏览器中从1到4像素.标记非常简单:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
}
.main {
background-color: red;
}
textarea {
background-color: gray;
resize: none;
margin: 0;
border: 0 none;
padding: 10px;
height: 50px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="main">
<textarea></textarea>
</div>
</body>
</html>
以下是它在浏览器中的呈现方式:
为什么会这样？如何删除这个额外的空间？
推荐指数
解决办法
查看次数
将您的favicon.ico文件放在非根路径中是一个坏主意吗？
浏览器何时以及如何请求favicon.ico文件？他们是否总是在root中检查它,或者他们是否首先阅读网页的内容以查看页面是否指定了位置？
我在/ images中有我的favicon.ico路径我的每个页面都有以下标记:
<link rel="shortcut icon" href="images/favicon.ico">
当我在浏览器中加载页面时,它似乎工作(我可以看到该文件),但我不知道他们是否首先向我的根文件夹发出错误请求(文件不存在),并且后来向链接发出请求.
我希望通过浏览器对我的网站进行不正确的调用来最小化404和浪费的带宽.
编辑:我正在寻找有关浏览器如何工作的一些见解,并请求此文件,因此我的网站结构是有效的.
推荐指数
解决办法
查看次数
你遇到了什么跨浏览器问题？
在为多组浏览器开发时,由于浏览器实现的差异,您在开发过程中遇到了哪些问题？
首先,我列出了一些我面临的问题:
- Firefox中的文本节点仅允许4K数据.因此,XML Ajax响应被分成多个文本子节点而不是一个节点.它在Internet Explorer中很好用.对于Firefox,要获取完整数据,您需要在调用node.firstChild或使用node.textContent之前使用node.normalize,这两者都是Mozilla特定方法
- Internet Explorer不替换
或HTML char代码160,您需要替换其等效的Unicode\u00a0 - 在Firefox中,表单内的动态创建的输入字段(使用document.createElement创建)不会在表单提交上传递其值.
- 即使元素名称匹配,Internet Explorer中的document.getElementById也将返回一个元素.如果id匹配,Mozilla只返回元素.
- 在Internet Explorer中,如果选择框的值不是由任何选项表示,则它将显示为空白,Firefox将显示第一个选项.
推荐指数
解决办法
查看次数
标签 统计
cross-browser ×10
css ×4
javascript ×4
html ×3
browser ×2
firefox ×2
css3 ×1
dom ×1
dom-events ×1
http ×1
sni ×1
ssl ×1
viewport ×1
whitespace ×1