我有一个小问题,
是否可以通过互联网访问任何开放的OBML或Opera Turbo协议规范？
谢谢
我正试图在我的webapp中嵌入一些键绑定,而我在使用Opera时遇到了困难.我有这个代码:
window.onkeydown = function(e){
var key = e.keyCode ? e.keyCode : e.charCode ? e.charCode : false;
if (e.ctrlKey && key === 84) {
alert("foo");
e.preventDefault();
// return false;
}
}
它就像Firefox和Chrome中的魅力一样,但Opera仍然会打开新标签.同样如此return false;.
我的信息: Opera/9.80 (X11; Linux i686; U; en) Presto/2.7.62 Version/11.00
我想在div下面有一个名为"shadow"的阴影:
#shadow { box-shadow: 1px 1px 1px #000 };
完成了吗？
一点也不.它只在一个浏览器中工作.猜猜哪一个.
对于FF/Chrome,我必须添加不太直观:
-moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
现在一切都好.此方案适用于许多CSS属性.为什么？
幸运的是,没有-webkit-border,moz-font或-ie-backgroundcolor.
PS.是的,没有关于IE的单词.将这个称为浏览器就像将轮椅与摩德纳汽车进行比较.
PS 2.为什么我的帖子下面的Google Chrome标签旁边有徽标？或者为什么Opera&FF没有标识？
我在导航栏中插入了一个Google自定义搜索引擎表单,但我无法让它在Opera中居中对齐.所有浏览器都完全尊重垂直对齐(是的!甚至IE ...哇!).
您可以在www.micod.cat上查看(该网站不是英文版,但您可以轻松查看菜单栏中的搜索框,右侧).Opera正在推动表单输入字段与顶部齐平,这是不正确的.
这是该元素的CSS:
#menu li.find form div {
padding: 0;
margin: 0;
height: 50px;
line-height: 50px;
vertical-align: middle;
}
有什么聪明的头脑可以提供一些见解吗？非常感谢!
我正在使用display:box一个灵活的宽度div,有三个相同大小且间距相等的盒子.这适用于Firefox,Safari和Chrome,但不适用于IE和Opera.我想知道IE和Opera最好的替代方法是什么.这是display:box CSS:
.box {
display: -moz-box;
display: -webkit-box;
display: box;
width: 100%;
}
.box1, .box2, .box3 {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
width: 0;
}
.box2, .box3 {
margin-left: 20px;
}
和HTML:
<div class="box">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>
你可以在这里看到它.
我很高兴听到一种在IE和Opera中实现类似结果的替代方法.
谢谢,
缺口
我有一个使用媒体查询的HTML5文档.为了迎合旧浏览器的用户,我只是试图模仿JS中的行为,并使用modernizr 2.5.3(我昨天从HTML5 Boilerplate下载得到的文件)来进行mq测试.
我想做的另一件事是如果客户端使用简单的支持触摸事件,则稍微更改UI Modernizr.touch.
我这样做的方式如下:
//$window is $(window)
if ($window.width() < 575 || Modernizr.touch){
//change UI layout a little
}
if (Modernizr.touch){
//enable tap-navigation for touch devices
}
if (!Modernizr.mq('only all and (min-width: 575px)')){ //fix non-media query browsers
$window.resize(function(){
if ($window.width() < 575){
//add CSS
} else {
//remove CSS
}).trigger('resize');
}
这在Webkit(移动和桌面)和Firefox中运行良好,但是当我尝试在Opera(11.6)或Internet Explorer(7到9)中打开页面时,地狱就会松动.事件将随机播出一段时间,jQuery动画将中途停止,说实话我不知道可能发生什么(尽管没有控制台错误).当我删除页面顶部的modernizr脚本时,它工作得很好(当然除了功能检测......).
我正在做的是使用html5shiv(我在现代化之后加载它,但仍然在头部)像:
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
我怀疑这是IE崩溃的罪魁祸首,但由于这对Opera的行为没有任何影响,我有点无能为力.
我做错了什么,或者这是一种什么样的错误,我应该寻找另一种方法来进行我的功能检测？
编辑:
当我试图找出发生了什么时,我发现了以下内容:似乎是所有邪恶根源的只是媒体查询测试:Modernizr.mq('only all and (min-width: 575px)') …
我使用下面的psuedo元素和伪类使用CSS设置了占位符文本.这可以在所有主流浏览器上完成工作,但Opera.我的理解是Opera不支持样式占位符文本.有谁知道一种方式来设置Opera输入占位符文本的样式？
CSS
::-webkit-input-placeholder {
color: red;
font-size: 10px;
}
::-moz-placeholder {
color: red;
font-size: 10px;
}
:-moz-placeholder {
color: red;
font-size: 10px;
}
:-ms-input-placeholder {
color: red;
font-size: 10px;
}
input:-moz-placeholder {
color: red;
font-size: 10px;
}
是WebKit吗？普雷斯托？V8引擎是否专用于Chrome？
当我查看动画PNG上支持的浏览器列表(http://caniuse.com/apng)时,我发现基本上只有Firefox支持它.所有其他主流浏览器都不支持.甚至他们曾经支持它的Opera也会把它放在更新版本上.
我总是认为动画PNG很好.但为什么大多数浏览器都不支持它呢？他们不支持的原因是什么？
我需要在Opera Webdriver的一个实例中启用Opera(34.0.2036.25)Turbo模式.
我在里面找到了带有JSON的首选项文件:
C:\Users\username\AppData\Roaming\Opera Software\Opera Stable\preferences
"turbo": {
"client_id": "86161eba4fe344be368c664164a0692d9d7d6d367e2e712e49321dee0ea4351e",
"enabled": true,
"show_learn_more": false
}
当我改变enable: 来自false于true和运行歌剧院手动启动在Turbo模式.
Selenium webdriver使用一些虚拟默认配置文件打开Opera,显然Turbo模式已关闭.
我试过这段代码:
OperaOptions options = new OperaOptions();
options.AddUserProfilePreference("turbo.enabled", true);
OperaDriver driver = new OperaDriver(options);
driver.Navigate().GoToUrl("http://www.google.com");
此外,turbo.enabled, true我尝试了数百种不同的方法将此参数提供给AddUserProfilePreference方法,但Opera从未在Turbo模式下启动.
我发现临时配置文件和首选项文件位于:C:\ Users\username\AppData\Local\Temp\scoped_dir8248_11147
没有"启用":显然是真的.所以问题是如何强制Opera将此选项添加到临时配置文件中
"turbo": {
"client_id": "34e3abeca0944cd655ee41e9aa1a87d58bc5605e319f56b6c6de983f7fcf668e"
}