HTML5开发者心声:浏览器兼容性成最大问题
最近,CSDN和HTML5中国产业联盟发起了一个问卷调查,参与调查的开发者们将遇到的问题、关注的事情、对HTML5技术的期待反映在了问卷之上。我们对问卷结果进行了统计和分析,总体来看, 开发者对于浏览器扩展规范能够统一,各大厂商浏览器兼容性能够提升的愿望最为迫切。还有开发者指出,仅仅用PhoneGap作为中间件通过HTML5开发Hybrid App的例子太多,如何运用HTML5技术的长处更好地做开发值得我们思考。
1. 大部分开发者处在正在学习、刚刚入门和准备学习HTML5技术的阶段,已使用HTML5技术超过1年的开发者仅占20%。
2. 目前来看,使用HTML5技术从事Web App开发的人数最多,占到42%的比重。移动端Web开发的人数相对较少,仅占9%。
3. HTML5适合开发的应用类型,各方面占比较为平均,其中游戏稍占上风,占到25.7%。此外还有个别开发者提出HTML5技术还能够开发3D操作界面、搜索引擎相关应用、图像处理应用以及新闻类应用。
4. HTML5开发者在开发过程中遇到的各种困难,最令开发者抓狂的是“缺少中文材料和技术支持”,其次,HTML5规范不完整,浏览器实现不标准、碎片化严重也是令开发者头痛的问题。
5. HTML5的标准和规范改进层面,各项数据都比较平均,看得出开发者对于各个方面都希望有所改进。其中“语音输入、支付、地图等三方控件的整合调用”占比相对最高,其次是本地文件系统的访问以及前后摄像头的调用。
6. 由于接受本次调查的Web开发者居多,加之良好的用户体验与交互性,Chrome PC版最受青睐,其次是Firefox浏览器。
7. 对于最希望HTML5浏览器进行哪方面改进,大部分开发者选择了希望“各家浏览器的扩展规范能够统一,不要让开发者做大量兼容工作”一项。
8. 超过半数的HTML5开发者认为最好的HTML5前端开发框架是jQuery。而Sencha、 YUI、ExtJS、Dojo各自占到5%—10%的比重不等。此外,还有开发者推荐angular、jMelon以及zepto。
9. 开发者最希望当前的前端开发框架能够提升对各浏览器的兼容性,以及对不同OS背景的UI兼容性大幅度提升。
10. 当前开发者最喜欢的HTML5开发工具,UE/Notepad++、Dreamweaver、Sublime Text以及Eclipse都平分秋色。值得注意的是,14%的开发者认为“没有一个满意的”,他们分别推荐了Webstorm、Visual studio、Vim、AptanaStudio3以及基于NimbleKit的Xcode。
11. 开发者心目中最佳的HTML5开发工具必须做到什么?“完整的HTML5(包括Javascript、css)语法高亮、自动补全”的票数最多,呼声最高。完善的模拟器、强大的代码分析能力、真机联调以及Javascript代码重构能力也是开发人员十分期待的。
12. 如果举办HTML5开发者大会,开发人员最希望在大会上听到的内容主要概括为以下几点(其中希望浏览器扩展规范能够统一,各大厂商浏览器兼容性能够提升的愿望最为迫切。)
1) 浏览器的兼容问题如何解决?何时推出规范的API?
2) HTML5开发工具(框架、IDE)的知识。
3) JavaScript性能、CSS3模块化的内容。
4) 杀手级HTML5游戏/应用技术大牛现场分享。
5) 开发者急需交流和学习的平台,迫切需要中文学习资料。
6) HTML5在 Hybrid App方向的探讨,如何开发出和Native一样流畅的App?
7) PhoneGap相关知识。
8) 传感器、摄像头等硬件设备的调用。
13. 开发人员在进行HTML5项目过程中曾遇到的困难以及对于HTML5的培训和技术支持的期待,主要为以下几点:
1) Javascript代码编写和重构。
2) 缺乏中文学习资料,不知该从何入手。
3) HTML5+PhoneGap的组合开发Hybrid App遇到了一些问题。
4) 调试麻烦,与各类型Android手机(包括低端Android机器)的兼容较差。
5) 希望有模拟器(各手机版本都要有,可以类似Flash lite开发工具),包括自定义性能模式等。
6) 浏览器兼容性差。
7) CSS的解析较麻烦,缺乏权威的测试机构承担适配任务。
8) 本地化应用受制于文件系统,只能使用localstorage等有限的离线存储来实现本地存储功能。
9)HTML5开发目前有些盲目,过度神化HTML5, 当前仅仅用PhoneGap作为中间件通过HTML5开发Hybrid App的例子太多,大多数时候是用来和Native App比动画效果、比流畅度,没有真正拿HTML5的长处来做事情,如何利用HTML5的长处在移动互联网环境下做开发是一个非常值得思考的问题。(文/杨依帆 责编/张宁) </div>
<a id="commentBox" name="commentBox"></a>
HTML&CSS;实战教程
<!-- <div class="recommend-item-box type_hot_word">
<div class="content clearfix">
<div class="float-left">
<span>
<a href="https://java.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://java.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://java.csdn.net/","index":"#"}' target="_blank">
Java</a>
</span>
<span>
<a href="https://c1.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://c1.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://c1.csdn.net/","index":"#"}' target="_blank">
C语言</a>
</span>
<span>
<a href="https://python.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://python.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://python.csdn.net/","index":"#"}' target="_blank">
Python</a>
</span>
<span>
<a href="https://cplus.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://cplus.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://cplus.csdn.net/","index":"#"}' target="_blank">
C++</a>
</span>
<span>
<a href="https://csharp.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://csharp.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://csharp.csdn.net/","index":"#"}' target="_blank">
C#</a>
</span>
<span>
<a href="https://vbn.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://vbn.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://vbn.csdn.net/","index":"#"}' target="_blank">
Visual Basic .NET</a>
</span>
<span>
<a href="https://js.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://js.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://js.csdn.net/","index":"#"}' target="_blank">
JavaScript</a>
</span>
<span>
<a href="https://php.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://php.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://php.csdn.net/","index":"#"}' target="_blank">
PHP</a>
</span>
<span>
<a href="https://sql.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://sql.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://sql.csdn.net/","index":"#"}' target="_blank">
SQL</a>
</span>
<span>
<a href="https://go.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://go.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://go.csdn.net/","index":"#"}' target="_blank">
Go语言</a>
</span>
<span>
<a href="https://r.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://r.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://r.csdn.net/","index":"#"}' target="_blank">
R语言</a>
</span>
<span>
<a href="https://assembly.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://assembly.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://assembly.csdn.net/","index":"#"}' target="_blank">
Assembly language</a>
</span>
<span>
<a href="https://swift.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://swift.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://swift.csdn.net/","index":"#"}' target="_blank">
Swift</a>
</span>
<span>
<a href="https://ruby.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://ruby.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://ruby.csdn.net/","index":"#"}' target="_blank">
Ruby</a>
</span>
<span>
<a href="https://matlab.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://matlab.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://matlab.csdn.net/","index":"#"}' target="_blank">
MATLAB</a>
</span>
<span>
<a href="https://plsql.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://plsql.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://plsql.csdn.net/","index":"#"}' target="_blank">
PL/SQL</a>
</span>
<span>
<a href="https://perl.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://perl.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://perl.csdn.net/","index":"#"}' target="_blank">
Perl</a>
</span>
<span>
<a href="https://vb.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://vb.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://vb.csdn.net/","index":"#"}' target="_blank">
Visual Basic</a>
</span>
<span>
<a href="https://obj.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://obj.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://obj.csdn.net/","index":"#"}' target="_blank">
Objective-C</a>
</span>
<span>
<a href="https://delphi.csdn.net/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://delphi.csdn.net/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://delphi.csdn.net/","index":"#"}' target="_blank">
Delphi/Object Pascal</a>
</span>
<span>
<a href="https://www.csdn.net/unity/" data-report-click='{"mod":"1586412712_001","ab":"new","dest":"https://www.csdn.net/unity/","index":"索引#"}' data-report-view='{"mod":"1586412712_001","ab":"new","dest":"https://www.csdn.net/unity/","index":"#"}' target="_blank">
Unity3D</a>
</span>
<span>
<a href="https://www.csdn.net/gather_1d/NtTaYg2sLWRvd25sb2Fk.html" target="_blank">
c#object作参数</a>
</span>
<span>
<a href="https://www.csdn.net/gather_19/NtTaYg3sLWRvd25sb2Fk.html" target="_blank">
c#实例 ssl</a>
</span>
<span>
<a href="https://www.csdn.net/gather_1d/NtTaYg4sLWRvd25sb2Fk.html" target="_blank">
c#继承列表</a>
</span>
<span>
<a href="https://www.csdn.net/gather_18/NtTaYg5sLWRvd25sb2Fk.html" target="_blank">
c# 跳转窗口</a>
</span>
<span>
<a href="https://www.csdn.net/gather_1c/NtTacgxsLWRvd25sb2Fk.html" target="_blank">
c#生成二维码及其打印</a>
</span>
<span>
<a href="https://www.csdn.net/gather_1e/NtTacgysLWRvd25sb2Fk.html" target="_blank">
c#怎么编边框</a>
</span>
<span>
<a href="https://www.csdn.net/gather_1e/NtTacgzsLWRvd25sb2Fk.html" target="_blank">
c# 直接绘制到桌面上</a>
</span>
<span>
<a href="https://www.csdn.net/gather_1f/NtTacg0sLWRvd25sb2Fk.html" target="_blank">
c# 文件夹更名</a>
</span>
<span>
<a href="https://www.csdn.net/gather_1f/NtTacg1sLWRvd25sb2Fk.html" target="_blank">
c#开发c/s三层架构</a>
</span>
<span>
<a href="https://www.csdn.net/gather_1a/NtTacg2sLWRvd25sb2Fk.html" target="_blank">
c# 打印机界面</a>
</span>
</div>
</div>
</div> -->
<div class="recommend-loading-box">
<img src="https://csdnimg.cn/release/phoenix/images/feedLoading.gif">
</div>
<!-- <div class="recommend-end-box">
<p class="text-center">没有更多推荐了,<a href="https://blog.csdn.net/" class="c-blue c-blue-hover c-blue-focus">返回首页</a></p>
</div> -->
</div>
<div class="template-box">
<span>©️2020 CSDN</span>
<span>皮肤主题: 编程工作室</span>
<span> 设计师:
CSDN官方博客 </span>
<span>
<a href="https://blog.csdn.net/" class="back-home c-blue c-blue-hover c-blue-focus">返回首页</a>
</span>
</div>
<script src="https://csdnimg.cn/pubfooter/js/publib_footer-1.0.4.js" data-isfootertrack="false" type="text/javascript"></script><div><div class="bottom-pub-footer footer-box pub_fo"><div class="pub-footer-new"> <div id="pub-footerall"> <div class="contact-info"> <a class="right-dotte spec_a" href="//www.csdn.net/company/index.html#about" target="_blank">关于我们</a> <a href="//www.csdn.net/company/index.html#recruit" target="_blank" class="right-dotte spec_a">招聘</a> <a href="//www.csdn.net/company/index.html#advertisement" target="_blank" class="right-dotte spec_a">广告服务</a> <a href="https://www.csdn.net/gather/A" target="_blank" class="footer_baidu right-dotte spec_a">网站地图</a> <em> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M2.167 2h11.666C14.478 2 15 2.576 15 3.286v9.428c0 .71-.522 1.286-1.167 1.286H2.167C1.522 14 1 13.424 1 12.714V3.286C1 2.576 1.522 2 2.167 2zm-.164 3v1L8 10l6-4V5L8 9 2.003 5z" fill="#999AAA" fill-rule="evenodd"></path></svg> <a href="mailto:webmaster@csdn.net" target="_blank"><span class="txt right-dotte">kefu@csdn.net</span></a><svg t="1538012951761" width="17" height="17" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23083" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M466.4934485 880.02006511C264.6019863 859.18313878 107.13744214 688.54706608 107.13744214 481.14947309 107.13744214 259.68965394 286.68049114 80.14660493 508.14031029 80.14660493s401.00286817 179.54304901 401.00286814 401.00286816v1.67343191C908.30646249 737.58941724 715.26799489 943.85339507 477.28978337 943.85339507c-31.71423369 0-62.61874229-3.67075386-92.38963569-10.60739903 30.09478346-11.01226158 56.84270313-29.63593923 81.5933008-53.22593095z m-205.13036267-398.87059202a246.77722444 246.77722444 0 0 0 493.5544489 0 30.85052691 30.85052691 0 0 0-61.70105383 0 185.07617062 185.07617062 0 0 1-370.15234125 0 30.85052691 30.85052691 0 0 0-61.70105382 0z" p-id="23084" fill="#999AAA"></path></svg> <a href="http://bbs.csdn.net/forums/Service" target="_blank"><span class="right-dotte">客服论坛</span></a><svg t="1538013874294" width="17" height="17" style="" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23784" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M1031.29689505 943.85339507h-863.70679012A71.98456279 71.98456279 0 0 1 95.60554212 871.86883228v-150.85178906c0-28.58329658 16.92325492-54.46750945 43.13135785-65.93861527l227.99160176-99.75813425c10.55341735-4.61543317 18.24580594-14.0082445 20.72896295-25.23643277l23.21211998-105.53417343a71.95757195 71.95757195 0 0 1 70.28414006-56.51881307h236.95255971c33.79252817 0 63.02360485 23.5090192 70.28414004 56.51881307l23.21211997 105.53417343c2.48315701 11.25517912 10.17554562 20.62099961 20.72896296 25.23643277l227.99160177 99.75813425a71.98456279 71.98456279 0 0 1 43.13135783 65.93861527v150.85178906A71.98456279 71.98456279 0 0 1 1031.26990421 943.85339507z m-431.85339506-143.94213475c143.94213474 0 143.94213474-48.34058941 143.94213474-107.96334876s-64.45411922-107.96334877-143.94213474-107.96334877c-79.51500637 0-143.94213474 48.34058941-143.94213475 107.96334877s0 107.96334877 143.94213475 107.96334876zM1103.254467 296.07330247v148.9894213a35.97878598 35.97878598 0 0 1-44.15700966 35.03410667l-143.94213473-33.57660146a36.0057768 36.0057768 0 0 1-27.80056231-35.03410668V296.1002933c-35.97878598-47.98970852-131.95820302-71.98456279-287.91126031-71.98456279S347.53801649 248.11058478 311.53223967 296.1002933v115.385829c0 16.73431906-11.52508749 31.25538946-27.80056233 35.03410668l-143.94213473 33.57660146A35.97878598 35.97878598 0 0 1 95.63253297 445.06272377V296.07330247C162.81272673 152.13116772 330.77670658 80.14660493 599.47049084 80.14660493s436.63077325 71.98456279 503.81096699 215.92669754z" p-id="23785" fill="#999AAA"></path></svg> <span class="txt right-dotte">400-660-0108</span> <svg t="1538013544186" width="17" height="17" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23556" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M902.60033922 650.96445566c-18.0718526-100.84369837-94.08399771-166.87723736-94.08399771-166.87723737 10.87530062-91.53186599-28.94715402-107.78733693-28.94715401-107.78733691C771.20003413 93.08221664 517.34798062 98.02553561 511.98620441 98.16348824 506.65661791 98.02553561 252.75857992 93.08221664 244.43541101 376.29988138c0 0-39.79946279 16.25547094-28.947154 107.78733691 0 0-75.98915247 66.03353901-94.0839977 166.87723737 0 0-9.63372291 170.35365477 86.84146124 20.85850523 0 0 21.70461757 56.79068296 61.50407954 107.78733692 0 0-71.1607951 23.19910867-65.11385185 83.46161052 0 0-2.43717093 67.16015592 151.93232126 62.56172014 0 0 108.5460788-8.0932473 141.10300432-52.14626271H526.33792324c32.57991817 44.05301539 141.10300431 52.1462627 141.10300431 52.14626271 154.3235077 4.59843579 151.95071457-62.56172013 151.95071457-62.56172014 6.00095876-60.26250183-65.11385185-83.46161053-65.11385185-83.46161052 39.77647014-50.99665395 61.4810877-107.78733693 61.4810877-107.78733692 96.45219231 149.49514952 86.84146124-20.85850523 86.84146125-20.85850523" p-id="23557" fill="#999AAA"></path></svg><a href="https://url.cn/5epoHIm?_type=wpa&qidian=true" class="qqcustomer_s" target="_blank"><span class="txt">QQ客服(8:30-22:00)</span></a> </em> </div> <div class="allow-info"> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502030143" rel="noreferrer" target="_blank">公安备案号 11010502030143</a> <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" rel="noreferrer" target="_blank">京ICP备19004658号</a> <a href="https://csdnimg.cn/release/live_fe/culture_license.png" rel="noreferrer" target="_blank">京网文〔2020〕1039-165号</a> <a href="https://www.csdn.net/company/index.html#statement" target="_blank">版权与免责声明</a> <a href="https://blog.csdn.net/blogdevteam/article/details/90369522" target="_blank">版权申诉</a> <a href="http://www.cyberpolice.cn/" target="_blank">网络110报警服务</a> </div> <div class="allow-info"> <a href="http://www.12377.cn/" target="_blank">中国互联网举报中心</a> <a href="https://download.csdn.net/index.php/tutelage/" target="_blank">家长监护</a> <a href="https://blog.csdn.net/blogdevteam/article/details/90369522" target="_blank">版权申诉</a> <a href="http://www.bjjubao.org/" target="_blank">北京互联网违法和不良信息举报中心</a> <a>©1999-2020 北京创新乐知网络技术有限公司</a> </div> <div class="bg-gray" style="display:none;"> <div class="feed_copyright"> <p class="fz12_baidu"><img style="display:none;vertical-align: middle;height:20px;margin-right:5px" src="https://csdnimg.cn/pubfooter/images/gongan.png"><a style="margin-right:16px;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502030143" rel="noreferrer" target="_blank" class="ml14">公安备案号 11010502030143</a> <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" rel="noreferrer" target="_blank" class="ml14" style="margin-right:16px;">京ICP备19004658号</a><a href="https://csdnimg.cn/release/live_fe/culture_license.png" rel="noreferrer" target="_blank" class="ml14" style="margin-right:16px;">京网文〔2020〕1039-165号</a><a style="margin-right:16px;" href="https://csdnimg.cn/cdn/content-toolbar/csdn-ICP.png" target="_blank"> 经营性网站备案信息</a><span class="fz12_baidu">©1999-2020 北京创新乐知网络技术有限公司 </span></p> </div> </div> <div class="allow-info-box" style="display:none;"> <a href="https://www.csdn.net/company/index.html#statement" target="_blank"><span>版权与免责声明</span></a> <a href="https://blog.csdn.net/blogdevteam/article/details/90369522" target="_blank"><span>版权申诉</span></a> <a href="https://download.csdn.net/index.php/tutelage/" target="_blank"><span>家长监护</span></a> <a href="http://www.cyberpolice.cn/" target="_blank"><span>网络110报警服务</span></a> <a href="http://www.12377.cn/" target="_blank"><span>中国互联网举报中心</span></a> <a href="http://www.bjjubao.org/" target="_blank"><span>北京互联网违法和不良信息举报中心</span></a> </div> </div></div></div></div>
</main>