当一个html元素被"聚焦"(当前被选中/选中)时,许多浏览器(至少是Safari和Chrome)会在它周围放置一个蓝色边框.
对于我正在进行的布局,这会分散注意力并且看起来不正确.
<input type="text" name="user" class="middle" id="user" tabindex="1" />
FireFox似乎没有这样做,或者至少,让我控制它
border: x;
如果有人能告诉我IE的表现如何,我会很好奇.
但让Safari删除这一点点耀斑会很不错.
screenX/ Y,clientX/ Y和pageX/有Y什么区别？
同样对于iPad Safari,计算与桌面上的计算类似 - 或者由于视口有一些差异？
如果你能指出我的例子,那就太棒了.
更新于2018.10.31
这个bug已经在iOS 12.1中得到修复,祝你有个美好的一天〜
我在新发布的iOS 12 Safari中发现了Array的值状态问题,例如,代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>iOS 12 Safari bugs</title>
<script type="text/javascript">
window.addEventListener("load", function ()
{
let arr = [1, 2, 3, 4, 5];
alert(arr.join());
document.querySelector("button").addEventListener("click", function ()
{
arr.reverse();
});
});
</script>
</head>
<body>
<button>Array.reverse()</button>
<p style="color:red;">test: click button and refresh page, code:</p>
</body>
</html>
刷新页面后,数组的值仍然相反.这是新Safari的错误还是功能？
这是一个演示页面.尝试在iOS 12 Safari中使用它:https: //abelyao.github.io/others/ios12-safari-bug.html
iPhone上的Safari会自动为电话号码中显示的数字字符串创建链接.我正在写一个包含IP地址的网页,Safari正在将其转换为电话号码链接.是否可以为整个页面或页面上的元素禁用此行为？
我正在创建一个jQuery插件.
如何在Safari中使用Javascript获得真实的图像宽度和高度？
以下适用于Firefox 3,IE7和Opera 9:
var pic = $("img")
// need to remove these in of case img-element has set width and height
pic.removeAttr("width");
pic.removeAttr("height");
var pic_real_width = pic.width();
var pic_real_height = pic.height();
但在像Safari和Google Chrome这样的Webkit浏览器中,值为0.
我有一些简单的JavaScript来实现样式更改:
sel = document.getElementById('my_id');
sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected');
return false;
这适用于最新版本的FF,Opera和IE,但在最新版本的Chrome和Safari上失败.
它会影响两个后代,这些后代恰好是兄弟姐妹.第一个兄弟更新,但第二个没有.第二个元素的子元素也具有焦点,并包含<a>标记,该标记在onclick属性中包含上述代码.
在Chrome"开发人员工具"窗口中,如果我轻推(例如取消选中并检查)任何元素的任何属性,则第二个兄弟会更新为正确的样式.
是否有一种解决方法可以轻松地以编程方式"轻推"WebKit做正确的事情？
即时通讯试图找到一个css黑客只是safari NOT chrome,我知道这些都是webkit浏览器但我在chrome和safari中遇到div对齐问题,每个都显示不同.
我一直试图使用它,但它也影响铬,
@media screen and (-webkit-min-device-pixel-ratio:0) {
#safari { display: block; }
}
有没有人知道另一个只适用于野生动物园的吗？
将图标添加到主屏幕后,我遇到了网络问题.如果从主屏幕启动Web,则所有链接将在Safari的新窗口中打开(并失去全屏功能).我该怎样预防呢？我找不到任何帮助,只有同样没有答案的问题.
我正在为iPad编写一个Web应用程序(不是常规App Store应用程序 - 它是使用HTML,CSS和JavaScript编写的).由于键盘填满了屏幕的大部分,因此在显示键盘时更改应用程序的布局以适应剩余空间是有意义的.但是,我发现无法检测键盘何时或是否显示.
我的第一个想法是假设当文本字段具有焦点时键盘可见.但是,当外接键盘连接到iPad时,当文本字段获得焦点时,虚拟键盘不会显示.
在我的实验中,键盘也没有影响任何DOM元素的高度或滚动高度,我没有发现任何专有事件或属性来指示键盘是否可见.
所以这是"我如何让第三方cookie在Safari中工作"的第十五次复仇,但我再次提问,因为我认为比赛场地已经发生了变化,可能是在2012年2月之后.获得第三名的标准技巧之一Safari中的派对cookie如下:使用一些javascript POST到隐藏的iframe.它(曾经)欺骗Safari认为用户已经与第三方内容进行了交互,因此允许设置cookie.
我认为这个漏洞已经在温和的丑闻之后被关闭,据透露谷歌正在利用其广告中的这一技巧.至少,在使用这个技巧时,我完全无法在Safari中设置cookie.我发现了一些随机的互联网帖子,声称Apple正在努力弥补漏洞,但我还没有发现任何官方消息.
作为后备,我甚至尝试重新设计主要的第三方框架,以便在内容加载之前必须单击按钮,但即使是这种级别的直接交互也不足以融化Safari冷酷的心脏.
那么有人确切知道Safari是否确实关闭了这个漏洞？如果是,是否有其他解决方法(除了在每个请求中手动包含会话ID)？