跨浏览器开发
① 在ios和Android上构建跨浏览器应用 谁最适合html5
Fiercedeveloper于2月3日刊载了一篇探讨iOS与Android平台性能的文章,作者Aditya Bansod在文中将Android 4和iOS 5做了一番比较。2011年12月上旬,Google发布了Android移动操作系统的最新重大升级。新操作系统是Android 4,代号为“冰淇淋三明治(Ice Cream Sandwich)”。对于Web开发人员而言,这是对Android的一次大考:如果要在 iOS 和 Android 上构建跨浏览器的应用,HTML 5是可行的解决方案吗?
<img
我们在Sencha测试了最新版本的iOS 5和Android 4,以了解每个平台提供给Web开发人员的特性以及它们各自的优势。
为了成为一流的Web应用平台,浏览器要向Web开发人员提供一系列核心功能:渲染引擎,用于尽可能流畅地显示视觉元素;javascript引擎,用于执行应用程序逻辑;以及DOM(文档对象模型)和浏览器API,用于提供HTML5的特性以及支持发起网络请求、上传文件、操作页面等动作。为了从Web应用开发人员的角度比较Android 4和iOS 5,我们分别讨论了这三部分内容。
WebKit:Android 4进步明显,但仍然落后
几乎所有移动设备的Web浏览器都使用了WebKit渲染引擎。WebKit最先起源于苹果的开源项目KDE/KHTML,现在Google、Qualcomm、RIM和其他很多厂商都加入了WebKit家族。它现在已经成为移动设备上渲染Web内容的事实标准。Android 4和iOS 5浏览器都基于WebKit,但是版本稍有不同。Android 4实现了WebKit 534.30,而苹果则实现了534.46。
虽然iOS的版本较新,但它们之间的差距很小,这是因为WebKit的渲染性能取决于它在硬件和软件上的具体实现。我们在测试中发现Android 4的渲染速度比Android 2.x和Android 3有明显提高。触摸滚动变得顺畅了很多,Android上常见的停顿也基本上完全消失了。不幸的是,它在渲染上有明显的缺陷,比如在使用JavaScript和CSS3移动屏幕上的元素时会出现闪烁和滚屏缓慢。对于依赖动态地移动元素的Web应用来说,Android 4的表现比Android 2.2要差。总体上说,Google在增强浏览器体验方面取得了很大的进步。
同时,Android 4新支持了很多CSS3特性,而iOS 5很早之前就支持这些特性。具体说来,Android 4现在完善地支持了CSS3 2D和3D变换、动画、过渡和反射。这对于Android来说是巨大的进步,因为开发人员在设计流畅而漂亮的Web应用时不会再只想到苹果。伴随着对这些特性的支持,我们希望Google和Android硬件供应商一起努力,对其产品仔细琢磨,实现无闪烁和高性能,以获得开发人员对高级渲染特性的真正支持。
② 如何使编写的网页能跨平台跨浏览器
你可以使用
javascript 来做自己的网页
③ 什么叫跨浏览器特性
浏览器的内核都是不一样的,ie,火狐,chrome,都用的自家开发的内核。跨浏览器就是说不管什么内核,看到的内容都是一样的,不会出现错位,重影,覆盖等情况。
④ 开发一个跨浏览器的应用系统,用什么比较好,比方说用什么软件或者工具什么的,谢谢。
主要是js在不同浏览器下会有差异,所以用开源的js框架,如果js不精通,千万别自己写。
可以用jquery, ext, prototype等。
也可以用jsf ,不过用的人少。
⑤ 前端跨终端是什么意思
跨终端 Web (CEW,Cross End Web)从不同纬度来看:
设计
是一个设计原则:服务能够被不同的终端访问到
涉及交互、视觉、前端技术、产品、运营各个环节
实现
跨终端Web 的实现途径不只是 Media Query,也包括多个独立站点
实现跨终端需要一些基础技术,包括:测试基准、多终端识别、接口规范、导航定位、预览
⑥ 跨平台、跨浏览器分别是什么意思
跨平台概念是软件开发中一个重要的概念,即不依赖于操作系统,也不依赖硬件环境。通俗的说就是一款软件可以在Windows、Mac OS、Liniux、Android等环境下运行。
跨浏览器指的是某项服务可以应用于多个浏览器。通俗的说就是某个网页能在Chrome、Firefox、Safari、Internet Explorer中正常打开。(某项扩展提供了Chrome、Firefox、Internet Explorer的版本也可以成为跨浏览器)
⑦ 如何编写实现兼容不同浏览器平台的插件
不同的浏览器平台实现方式是不一样的,还好现在有一个统一的编程平台实现,大家都可以去用啊。方便很多,一次编程可以在多个浏览器平台实现运行FireBreath:
FireBreath 旨在提供一个跨平台支持的浏览器插件体系架构,面向:
NPAPI 浏览器(windows, mac, and linux):
Gecko/Firefox
Google Chrome
Apple Safari
ActiveX 架构:
Microsoft Internet Explorer 6, 7, and 8
http://www.firebreath.org/display/documentation/FireBreath+Home
⑧ 在跨浏览器上,B/S结构不尽如人意。什么意思呢
主要是浏览器对html代码的解释效果不一致,在IE6的年代跨浏览器让网页开发人员很头疼
⑨ 如何搭建一个类似于 BrowserStack 的跨浏览器测试平台
你好,好像已经关闭了,所以不能用了。
据外媒报道,Adobe公司忽然宣布将关闭旗下的桌面浏览器测试服务平台BrowserLab,并建议用户可以选择使用BrowserStack和Sauce Labs来取代前者。BrowserLab曾经为开发人员提供了非常实用的跨平台浏览器测试服务。
那么究竟为何Adobe公司会这么突然地终结掉这个服务平台呢看Adobe表示,这得怪当下不断崛起的智能手机和平板电脑市场--逗移动设备和平板电脑的不断增长导致了这片土地格局发生了剧烈变化。而正因为这个转变,我们发现BrowserLab的用户数量在过去的几年里不断下降。与此同时,我们的工程团队也集中精力在为这个挑战寻求新的解决方案地。
的确,倘若Adobe再不跟上移动市场的步伐,那么它将势必遭到淘汰。另外,Adobe公司也没有解释为何工程们不采用更新移动版BrowserLab的方法来应对这一挑战。而且,用户们也是在毫无征兆的情况下就忽然听到了关闭BrowserLab的消息。
关闭BrowserLab的消息
⑩ 有没有能兼容各浏览器的前端开发框架
想完全兼容各种浏览器,尤其是各个版本的前端开发框架,目前几乎没有。
跨浏览器开发回应该使用的技巧:答
modernizr.js 特性检测器,有就使用原生,没有就加载polyfill;
polyfill/shim 向后兼容的浏览器的js补丁,一般和modernizr一起用;
jshint.js js语法检测器;
Boilerplate 开发的最佳实践的初始模板;
阅读第三方库关于最低版本支持;
使用js单元测试,测试目标浏览器;
Responsive Design (针对屏幕大小);
normalize.css 统一浏览器基本元素的风格;
跨浏览器兼容问题,过去现在都有,以后会更麻烦,所以这个问题在项目开始前,就必须确定下来最低支持的版本是什么,然后设计一个对应兼容方案。不要等开发完毕了,才告知要必须兼容其他的,那整体的修改量就很大了。