我这里有一个例子（在@bjb568的帮助下）。请点击查看它在 Chrome/IE/FF 中的工作原理。
这是所有代码。
<div style="text-align:center">
<div class="media">
<img src="http://www.trumba.com/i/DgCAOmnZFp7ia4FDZJne5SHC.gif" />
<div class="caption">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip.
</div>
</div>
</div>
.media {
position: relative;
display: inline-block;
}
.media .caption {
position: absolute;
bottom: 0;
text-align: left;
}
img {
max-width: 100%;
}
在 Chrome (Windows) 中，当浏览器的视口比图像宽度窄时，图像会相应缩小。这就是我要的。 …
我想在用户单击浏览器“后退按钮”时警告用户，然后在确认后重定向。下面是我的 JS 代码，但仅适用于 Firefox，我想让它也适用于 chrome 和其他浏览器。
注意：为了在 chrome 中触发事件，我需要先点击页面正文，然后点击浏览器的“后退”按钮（这不好）。
请协助。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page2</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
$(function(){
window.history.pushState({page: 1}, "", "");
window.onpopstate = function(event) {
if(event){
var confirm = window.confirm("Please, note that you may lose your move details by returning to the previous page.");
}
}
});
</script>
</body>
</html>
我正在寻找一个资源(书籍或网站),列出所有CSS elemenets与主要浏览器的兼容性.它必须包含IE8和FireFox3的信息(Chrome不太重要).我找到的那些没有提到IE8所以我需要一个最新的包括IE6,IE7和IE8.
例如,如果我想使用'border-spacing',我想知道哪个浏览器不支持它,如果有的话.
我是发展新手.我想知道我们如何管理跨浏览器兼容性问题.例如,有时候相同的代码正在使用Firefox而不是IE.我有一个问题,我的下一个代码
编辑澄清
我发现不同的浏览器对jquery(javascript)错误有不同的容忍度.例如,缺少一个分号,或者在数组中给最后一个元素添加一个逗号,但是有些人忽略了它,但是没有被其他人忽略.当我使用.css('width', - myfunc(iwidth))而不是.css('width',myfunc(-iwidth))时,发生了ie8独有的一个问题.它抛出了涉及jquery1.4.js文件的无用错误消息.
我试图在Firefox中将javascript错误设置为严格,但是被消息淹没到荒谬的程度.
有没有办法设置严格的js设置,所以前面提到的类型的错误导致错误消息,没有洪水？
澄清:
让我澄清一下,因为人们似乎误解了我.我想我的批评是jquery,当时这不是我真正的问题.我的意图不是让错误的代码工作.显然,如果可以的话,我会写出完整的代码,没有错别字和错误,但后来我不会成为人类.我使用不同的浏览器调试我的js/jquery代码并调试插件,例如firefox上的firebug.但是,这看起来似乎不足,因为浏览器试图修复错误的代码.
我将尝试使用xsfer建议使用jslint.有没有类似jslint的东西我可以在本地使用,在Linux上离线,如果浏览器不合适？
为什么IE 9控制台在chrome和mozilla控制台解析代码时返回语法错误
var browserDetect={
init:function () {
this.Osystem()
this.browserFeatures()
},
Osystem:function () {
console.log(navigator.platform);
},
browserFeatures:function () {
if (navigator.appName=="Netscape") {
var Net=parseInt(navigator.appVersion);
console.log(Net)
}
else if (navigator.appName=="Microsoft Internet Explorer"){
var IE=parseInt(navigator.appVersion);
console.log(IE)
}
else{
console.log(navigator.appName)
}
},
};
browserDetect.init();
返回的错误是 SCRIPT1028: Expected identifier, string or number line 22 character 1
使用JavaScript的按位1或等于运算符创建polyfill有什么问题|=吗？
Date.now |= function() {
return +new Date;
};
javascript bit-manipulation cross-browser operators polyfills
我从一个链接中提取数据,http://safalra.com/web-design/javascript/parsing-query-strings/.它在Firefox中运行良好,但Google Chrome不支持此功能.是否有更好的方法或替代程序来提取查询字符串内容？
<script type="text/javascript">
var _url = window.location
alert(_url);
var queryData = parseQueryString(_url.toString());
var p = queryData['http://localhost/new_logic/test.php?a'];
alert(queryData);
var q = queryData['b'];
</script>
我试图将CSS应用于PHP代码.但它在Internet Explorer中运行不佳,但在firefox中运行良好
代码:
echo '<div class="resultno">';
echo "<td>" . $row['stu_id'] . "</td>"." ";
echo '</div>';
echo "<td>" . $row['Name'] . "</td><br>". " ";
echo "<br>";
它看起来像 - > http://www.flickr.com/photos/41695354@N08/3957144073/
有任何建议请帮忙
它们仅在新浏览器中受支持.我想这里的每个人都知道.但是,如果大多数用户仍然使用不支持CSS3/HTML5的旧浏览器,那么不应该让开发人员使用较旧的脚本语言(即:HTML4/CSS2).
cross-browser ×10
javascript ×5
css ×4
html ×2
jquery ×2
browser ×1
css3 ×1
html5 ×1
operators ×1
php ×1
polyfills ×1
query-string ×1
safari ×1