来自Facebook页面上的JavaScript控制台(Google Chrome 35,Win7)的示例屏幕截图:
这是怎么做到的?有没有办法检查/调试控制台?
变量username
和password
不保留其原始值(如脚本标签定义)或不能从onclick事件访问,但是做一个函数调用输出变量一样.似乎变量在该范围内被重新定义,因为即使我没有定义变量,它们也不是未定义的.
它似乎是由于变量被命名,username
并且password
如下面的代码示例所示(usr
并按passwd
预期工作).
有理由相信这种行为已被引入最新版本的浏览器,因为较旧的Firefox没有展示它.
这是一个可重现的代码示例(在Google Chrome 32/Firefox 26中测试 - 但是有些用户报告说它不适合他们):
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
var username = "Administrator";
var password = "AdminPass";
var usr = "Jordan";
var passwd = "JordanPass";
function printCredentials() {
$("#out").append("username is: " + username + "<br/>");
$("#out").append("password is: " + password + "<br/>");
$("#out").append("usr is: " + usr + "<br/>");
$("#out").append("passwd is: " + passwd + "<br/>");
}
</script>
</head>
<body>
<a href="#" onclick="printCredentials()">This …
Run Code Online (Sandbox Code Playgroud) 在Chrome 33.0.1750.146 m中,当具有1像素边框和滚动条的div具有小数宽度(<100%)的另一个div内的小数像素宽度(小数部分> = 0.5)时,右侧边界有时是隐藏的,取决于四舍五入.这似乎是因为滚动条的位置和div的右侧在不同的方向上被舍入,导致滚动条与div的右侧重叠一个像素.
这是一个已知的错误还是有解决方法?我在PhpBB模板页面中遇到了这个图形故障,其中内容居中并且自动计算宽度,这导致了一个--- .5px宽度div,我将其追溯到以下最小可重复样本:
HTML:
<div id="wrapper">
<div class="box">
<p>Test content</p>
<p>Test content</p>
<p>Test content</p>
<p>Test content</p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.box {
height: 100px;
overflow: auto;
border: 1px solid;
}
#wrapper {
max-width: 75%;
margin: auto;
}
Run Code Online (Sandbox Code Playgroud)
示例JSFiddle - 调整窗口大小并观察右边界闪烁/出现/消失.