标签: opera
Cookies不能在Opera中正常发送
首先,我不确定这是否是Opera 12.01中的问题,但问题只出现在Opera中.我在Android和iPhone上测试过FF14,Chrome 21,Safari 5(Windows)以及Safari Mac和Webkit浏览器.
我的应用程序运行trigger.io的锻造平台,使用代理从Web应用程序的服务请求路由.代理只是简单地转发请求和cookie,这在大多数浏览器中按预期工作.
在检查了dragonfly中的请求后,我注意到服务器在响应中发送了正确的头文件,但Opera似乎忽略了设置值.我想知道这是否是由于cookie的一些配置错误的路径值.我在Firefox和Opera中添加了2个请求的屏幕截图.
正如您在屏幕中看到的那样,FF会看到cookie标题并对其进行适当设置,但Opera不会.
我没有包含执行请求转发的代理中的代码,因此如果您需要,请告诉我以获得一些见解.在服务端,我正在运行PHP和Codeigniter.如果我需要在我的环境中添加更多信息,请告诉我,谢谢.
更新:即使在我的生产环境中不使用自定义TLD,也会出现此问题.其他使用cookie的网站工作正常,并启用了cookie.
推荐指数
解决办法
查看次数
在浏览器中禁用表单验证
我在一个有表格的网站上编码并使用HTML5验证 - 到目前为止还没有火箭科学.在Google Chrome浏览器中,一切正常,但我想确保即使是没有表单验证的IE 6用户也不会将格式错误的数据插入到我的MYSQL数据库中.
有没有办法在Google Chrome或其他一些最先进的浏览器中关闭HTML5表单验证来测试服务器端数据验证？
推荐指数
解决办法
查看次数
减慢浏览器的连接以进行测试
我正在开发一个部署在本地Apache上的JS + CSS + HTML Web应用程序.对于debudding,我想模拟一个缓慢的连接.
最好的方法是什么？我不是在寻找减慢实际连接速度的方法,只是加载此页面(例如Chrome/Opera扩展或Apache模块)
推荐指数
解决办法
查看次数
使用jQuery检测Opera的正确方法是什么？
Amazon.com最近更新了他们的javascript,这导致一些Opera浏览器出现问题.
他们的浏览器检测代码看起来像这样,但它有问题:
function sitbReaderIsCompatibleBrowser() {
if (typeof(jQuery) == 'undefined') {
return false;
} else {
var version = jQuery.browser.version || "0";
var splitVersion = version.split('.');
return (
(jQuery.browser.msie && splitVersion[0] >= 6) // IE 6 and higher
|| (jQuery.browser.mozilla && (
(splitVersion[0] == 1 && splitVersion[1] >= 8) // Firefox 2 and higher
|| (splitVersion[0] >= 2)
))
|| (jQuery.browser.safari && splitVersion[0] >= 500) // Safari 5 and higher
|| (jQuery.browser.opera && splitVersion[0] >= 9) // Opera 5 and higher …推荐指数
解决办法
查看次数
Opera中的border-radius bug
不久之前,我为自己做了一个小页面,我偶然发现了一个自那时无法回答的错误.
打开http://darngoodpictures.com/#showme时,您会在左侧和右侧看到导航箭头.这些完全是CSS制作的.现在我会采取另一种方式,但它已经完成,我坚持它:)
在我测试的每个浏览器中,箭头看起来都应该如此.唯一的例外是Opera.Opera以我以前从未见过的方式呈现箭头.谁能解释那里发生了什么？我很快发现Opera在箭头的border-radius-property方面存在一些问题,但是有人能提供更准确的信息吗？这种行为太奇怪了......
编辑:它变得越来越怪异.最初我认为,我的CSS结合border-radius以某种方式引发了问题,但问题是边界半径.当边界宽度与它结合时,它会变得更加强烈.请参阅以下jsfiddles:
我:http://jsfiddle.net/62ujn/(一切都按照人们的预期呈现)
关键规则:
border-radius: 0;
border-width: 200px;
II:http://jsfiddle.net/62ujn/1/(Opera中的第一个小问题)
关键规则:
border-radius: 50px;
border-width: 200px;
III:http://jsfiddle.net/62ujn/2/(从这里开始,Opera中的渲染变得荒谬)
关键规则:
border-radius: 50px;
border-width: 200px 150px;
四:http://jsfiddle.net/62ujn/3/
关键规则:
border-radius: 50px;
border-width: 200px 150px 100px;
V:http://jsfiddle.net/62ujn/4/
关键规则:
border-radius: 50px;
border-width: 200px 150px 100px 50px;
奇怪.非常.奇怪.
编辑2:
我刚刚联系了Opera,因为我怀疑除了"Opera-Bug"之外别无其他答案......当我得到满意的答案时,我会保持这个页面的更新:)
推荐指数
解决办法
查看次数
Chrome会为滚动条保留空间,即使它已被隐藏
我所遇到的WebKit浏览器的问题(IE和FF都ok),其中滚动空间保留给即使滚动条不显示的元素.您可以在示例中看到,一旦中间的一个悬停,滚动条空间仍然保留.我只是想知道这是Chrome的问题还是仅仅是HTML/CSS规范的一部分.这个类似的问题提供了一个修复,但它没有解释它是否是一个错误,并且必须在子项上设置明确的宽度不是我想要做的.
.hidden-scroll {
background: black;
overflow-y: hidden;
height: 400px;
width: 300px;
}
.hidden-scroll:hover {
overflow-y: auto;
}
.no-hover.hidden-scroll:hover {
overflow-y: hidden;
}
.hidden-scroll-content {
background: red;
height: 50px;
}<body>
<div>No scroll needed</div>
<div class="hidden-scroll">
<div class="hidden-scroll-content">1</div>
<div class="hidden-scroll-content">2</div>
<div class="hidden-scroll-content">3</div>
<div class="hidden-scroll-content">4</div>
</div>
<div>Scroll on hover</div>
<div class="hidden-scroll">
<div class="hidden-scroll-content">1</div>
<div class="hidden-scroll-content">2</div>
<div class="hidden-scroll-content">3</div>
<div class="hidden-scroll-content">4</div>
<div class="hidden-scroll-content">5</div>
<div class="hidden-scroll-content">6</div>
<div class="hidden-scroll-content">7</div>
<div class="hidden-scroll-content">8</div>
<div class="hidden-scroll-content">9</div>
<div class="hidden-scroll-content">10</div>
<div class="hidden-scroll-content">11</div>
<div class="hidden-scroll-content">12</div>
</div>
<div>No scroll on hover</div> …推荐指数
解决办法
查看次数
为Google Cloud Endpoint API设置TLS代理
我一直在API资源管理器(localhost)中查看我的Google App Engine端点API而没有任何问题,现在我得到了这个:
它完整地说:
您正在探索通过HTTP而不是HTTPS描述或提供的API.这是不安全的,可能会被您的浏览器阻止.要解决此问题,请为您的API设置TLS代理.或者,您可以告诉您的浏览器在此站点通过HTTP允许活动内容(在Chrome上,单击URL栏中的屏蔽),但这不会提高安全性或忽略此消息.
这是我的端点中的API方法之一:
@ApiMethod(
name = "insert",
path = "movie",
httpMethod = ApiMethod.HttpMethod.POST)
public Movie insert(Movie movie) throws UnauthorizedException {
...
}
由于我不知道是什么导致这一切突然,我不知道还有什么要显示.我尝试更新我的浏览器(Firefox,Opera,Chrome)没有运气.
firefox opera google-app-engine android google-cloud-endpoints
推荐指数
解决办法
查看次数
支持Opera中的webkitSpeechRecognition API
我们在Chrome中使用了webkitSpeechRecognition API.由于这是一个原型应用程序,我们非常乐意仅支持Chrome,因此我们通过window.hasOwnProperty('webkitSpeechRecognition')检查(如Google建议)检测对API的支持.这在Firefox中很快失败,但是新的Opera(基于webkit)报告它确实拥有该属性.事实上,所有代码都按预期运行,除了......没有任何事件被触发,也没有记录任何语音.
所以,我的问题是:我可以以某种方式使它工作吗？它需要一些特殊权限或设置吗？
或者,是否有一种方法(除了良好的旧浏览器嗅探)来检测webkitSpeechRecognition的正确,工作支持？
推荐指数
解决办法
查看次数
-moz-聚焦内
在另一个问题中,我询问了对齐,这是给我回答关于firefox是一个twit的问题.它有效,但它在我的嘴里留下了酸味,我会解释原因.
button::-moz-focus-inner {
border: 0;
padding: 0;
}
Opera(此示例中为10),Firefox(本示例中为3)和Internet Explorer(本示例中为7)都以input[type="submit"]不同方式显示按钮.focus-innerOpera 10上的此属性默认为0,类似于Firefox的5px,Internet Explorer必须为6px.
如何"毯子"将它们全部重置为0？是否有标准的CSS调用,不仅会执行上述操作,还会为IE设置此隐藏属性？
推荐指数
解决办法
查看次数
meta"viewport"device-width:Opera Mobile 9.7上的宽度小错误(10个作品)
对于我当前的移动Web项目,我使用meta"viewport"标记来指示移动浏览器使用设备宽度为1:1的比例:
<meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这适用于IE移动设备,iPhone Safari甚至Opera 10测试版,但它不适用于Opera 9.7,默认安装在HTC HD2上.HTC HD2的设备尺寸为480x800,因此视口在纵向模式下的宽度应为480.但显然Opera mobile 9.7(也许也是9.5)设置了一个错误的宽度,所以之后一切都放大了一点.我用一个简短的javascript片段来检查实际的窗口大小:
$(window).width() - >返回274
window.innerWidth - >返回480
当我硬编码480而不是"设备宽度"时,一切正常.同样适用于横向模式:
$(window).width() - >返回457
window.innerWidth - >返回800
这有什么解决方法吗？
问候
推荐指数
解决办法
查看次数