如何解决IndexedDB在webkit内核下新旧版本的兼容问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何解决IndexedDB在webkit内核下新旧版本的兼容问题相关的知识，希望对你有一定的参考价值。
参考技术A 虽然到现在为止还不太清楚Webkit到底是什么，但最近喜欢上了Webkit内核浏览器的速度和简洁的外观、还有特色简便功能等。。。在使用马桶3和Chrome(翻墙专用)，但马桶3在Win7下好像兼容性不怎么好？
使用中莫名其妙会假死，然后必须得强行重启。马桶的更新又太慢，实在是没耐心等待。所以现在想换浏览器。
希望大家给推荐个浏览器。
1. 要Webkit核心的浏览器。
2. 最好是像傲游一样，自带鼠标手势功能（自带，不是插件支持。）
3. 不要搜狗浏览器，界面有点难看。要像Chrome一样漂亮，简洁的外观。
像马桶3的外观也可以接受。
4. 不知新出的QQ浏览器5.0怎么样？也是Webkit核心的吧？请各位朋友说说
简单用后感。
5. 马桶3在Win7下假死大家有没有经历过？有没有解决办法？
如题，我在body标签中监听了一个oncopy事件：
<body oncopy="art.dialog.alert('复制成功');">
发现在webkit内核的浏览器下，虽然能够成功弹出art窗口，但是却复制失败了，在IE下是却可以既弹出了提示，又成功复制了内容。无奈之下，我只好做了一个是否IE的判断，把代码修改如下：
如果是IE就调用art弹窗，如果不是IE就调用原生alert弹窗：
<body oncopy="tips();">
<script>
function tips()
var notIE = -[1,];
if(-[1,])
alert("复制成功！");
else
art.dialog.alert('复制成功');
</script>
第一次用artdialog，所以特来问问大虾前辈们，这个问题有没有办法解决？让WEBKIT内核浏览器也能在art弹出的同时复制到内容？
新旧弹性盒 样式
版本日期:17/09/20
有问题请指出
/**弹性父元素属性**/ .flex { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } /*flex 属性用于指定弹性子元素如何分配空间。*/ .flex .f1 { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex .f2 { -webkit-box-flex: 2; -moz-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .flex .f3 {flex:3;} /*flex-direction 顺序指定了弹性子元素在父容器中的位置。*/ .fd-r {flex-direction: row;} .fd-rr {flex-direction: row-reverse;} .fd-c { -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .fd-cr {flex-direction: column-reverse;} /*内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。*/ .jc-fs {justify-content: flex-start;} .jc-fe {justify-content: flex-end;} .jc-c { -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } .jc-sb {justify-content: space-between;} .jc-sa {justify-content: space-around;} /*align-items 设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式。*/ .ai-fs {align-items: flex-start;} .ai-fe {align-items: flex-end;} .ai-c { -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .ai-b {align-items: baseline;} .ai-s {align-items: stretch;} /*flex-wrap 属性用于指定弹性盒子的子元素换行方式。*/ .fw-nw {flex-wrap:nowrap;} /*默认， 弹性容器为单行。该情况下弹性子项可能会溢出容器。*/ .fw-w {flex-wrap:wrap ;} .fw-nw {flex-wrap:wrap-reverse;} /*反转 wrap 排列。*/ /*align-content 属性用于修改 flex-wrap 属性的行为。类似于 align-items, 但它不是设置弹性子元素的对齐，而是设置各个行的对齐。*/ .ac-s {align-content: stretch;} .ac-fs {align-content: flex-start;} .ac-fe {align-content: flex-end;} .ac-c {align-content: center;} .ac-sb {align-content: space-between;} .ac-sa {align-content: space-around;} /*排序 order <integer>：用整数值来定义排列顺序，数值小的排在前面。可以为负值。*/ .flex .order-1 {order: 1;} .flex .order-2 {order: 2;} .flex .order-3 {order: 3;} /*align-self 属性用于设置弹性元素自身在侧轴（纵轴）方向上的对齐方式。*/ .as-a {align-self:auto;} .as-fs {align-self:flex-start;} .as-fe {align-self:flex-end;} .as-c {align-self:center;} .as-b {align-self:baseline;} .as-s {align-self:stretch;} .margin-auto{ margin: auto; }
以上是关于如何解决IndexedDB在webkit内核下新旧版本的兼容问题的主要内容，如果未能解决你的问题，请参考以下文章