跨瀏覽器開發
① 在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 統一瀏覽器基本元素的風格;
跨瀏覽器兼容問題,過去現在都有,以後會更麻煩,所以這個問題在項目開始前,就必須確定下來最低支持的版本是什麼,然後設計一個對應兼容方案。不要等開發完畢了,才告知要必須兼容其他的,那整體的修改量就很大了。