我有FF,Chrome,IE,Opera和Safari的5个插件/扩展.
如何识别用户浏览器并重定向(单击安装按钮后)以下载相应的插件?
即时通讯试图找到一个css黑客只是safari NOT chrome,我知道这些都是webkit浏览器但我在chrome和safari中遇到div对齐问题,每个都显示不同.
我一直试图使用它,但它也影响铬,
@media screen and (-webkit-min-device-pixel-ratio:0) {
#safari { display: block; }
}
Run Code Online (Sandbox Code Playgroud)
有没有人知道另一个只适用于野生动物园的吗?
我知道IE 11具有与所有其他IE不同的用户代理字符串
Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko
Run Code Online (Sandbox Code Playgroud)
我试图用这个问题的答案检测IE 11'
那是 !!navigator.userAgent.match(/Trident\/7\./)
但我收到了错误
Object not found and needs to be re-evaluated.
然后我在IE11中打开开发者控制台并尝试访问一些预定义的javascript对象,我仍然得到相同的错误.
我试过了
navigator.userAgent
window.navigator
console.log('test');
有人对此有任何想法吗?
我正在使用一个在div元素中使用水平滚动的UI (使用overflow: scroll).我无法向左滚动,因为它会启动动画以便返回历史记录.同样,当有一个网站可以向前滚动时,我无法向右滚动.
它适用于其他浏览器,包括OS X X上的Chrome,它也支持刷回历史记录.(在我开发过程中的某个时刻div,也可以在Safari中滚动.我添加了事件处理程序和html,这可能会破坏滚动,但我不知道是什么让它发生了变化.)
理想情况下,我想阻止在特定时滚动历史记录div(即使它已经结束).
更新:我尝试添加jQuery.mousewheel,它以某种方式修复了问题.(我只是附加了一个空的事件处理程序.mousewheel().)我仍然在寻找一个确定的答案.
我试图找到一种方法来使Safari 7(使用版本7.0.2,7.0.3测试)尊重autocomplete ="off"属性.无论我尝试什么,它都会继续自动填充.
对于我们设置新用户的管理页面,这是一个问题.我们的用户使用自己的用户名/密码保存.
这是我们正在使用的表单的缩写版本.我已经尝试将字段重命名为"xxu"和"xxp",但自动填充似乎是读取标签标题.我愚弄了各种不同的标签,但它仍然以某种方式触发了自动填充.
<form novalidate autocomplete="off">
<div class="control-group">
<label class="control-label">Username</label>
<div class="controls">
<input type="text" name="xxu" autocomplete="off" required="required">
</div>
</div>
<div class="control-group">
<label class="control-label">Username</label>
<div class="controls">
<input type="password" name="xxp" autocomplete="off" required="required">
</div>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
我在Apple的网站上发现了这篇描述这个问题的文章.https://discussions.apple.com/message/25080203#25080203
有没有人知道在Safari 7中禁用表单自动填充的任何其他方法?(唉,这是我们对IE的期望)
谢谢您的帮助.
我正在使用这些jQuery代码来定位Safari:
if ($.browser.safari) {
$('#div1').css({'margin-top': '-22px'});
$('#div2').css({'margin-top': '-17px'});
}
Run Code Online (Sandbox Code Playgroud)
奇怪的是,它也针对Chrome(至少是Mac版).我可以使用哪些jQuery代码会忽略Chrome并仅定位Safari?
我将非常感谢专家的建议.
我遇到了一个困扰整个谷歌的问题,但提供的解决方案都没有正常工作。我假设这些解决方案中的大多数都没有考虑跨域。
我有一个网站,我想指导用户将(整页)IFrame 嵌入到他们的网站中。问题仅出现在某些版本的 Safari 上。IFrame 中的元素无法将自身滚动到视图中。
我注意到,如果我进行相同的域测试,IFrame 可以使用window.parent.scrollTo(0,element.top). 这有效,但不能跨域。另一个奇怪的事情是没有其他浏览器需要 window.parent 方法来滚动 IFrame,只有 Safari。所有其他浏览器都可以element.scrollIntoView()在 IFrame 中使用。请注意,我已经使用JavaScript 解决方法来取悦带有跨协议 IFrame 的 Safari。
我只在 IFrame 中的 Safari Mobile 上看到的另一个问题是,当向下滚动时,Bootstrap Modals 出现在 IFrame 的顶部。尽管如此,我确信如果我们可以正确设置滚动位置,我们也应该能够设置模态位置。
这是我尝试过的;
1. window.frames['IFrameName'].document.
getElementById("elmId").scrollIntoView();
Run Code Online (Sandbox Code Playgroud)
我最后的手段(我认为)是在我的 IFrame 中使用 postMessage 来通知父域设置框架的滚动位置。
在我看来,这个问题已经存在了很长时间。还有比这更好的方法吗?
我正在建立以学习一些Web开发的网站的首页在我使用Safari浏览器测试过的所有浏览器(Windows)上均能正常运行。我有一个html步骤,这样我就可以将样式设置为100vw和100vh。在野生动物园中,它们的高度似乎为0;
<body>
<div id="wrapper">
<div class="main">
<section id="slide-one" class="slide"></section>
<section id="slide-two" class="slide"></section>
.
.
.
Run Code Online (Sandbox Code Playgroud)
以及CSS的摘要:
.slide {
position: relative;
padding-top: 0px;
height: 100vh;
width: 100%;
box-sizing: border-box;
}
Run Code Online (Sandbox Code Playgroud)
有什么想法我做错了吗?