第一篇：你造了什么孽弄出這么多頁面Bug？

澤思網(wǎng)絡(luò) – 上海APP開發(fā)商

004km.cn 你造了什么孽弄出這么多頁面Bug？ ——淺談Web App開發(fā)的可用性問題

現(xiàn)階段的移動端Web App還處于初級階段，優(yōu)勢和缺陷都很明顯，雖有眾干爹打造生態(tài)圈，但相比于PC瀏覽器及native容器，作為Web App承載平臺的移動端瀏覽器性能仍顯疲軟，同時受到碎片化嚴(yán)重的固件版本及處于草案的HTML5規(guī)范影響。從遠(yuǎn)景看，隨著規(guī)范確定及固件版本升級，移動端瀏覽器在腳本解析，頁面渲染及本地能力使用上的性能會大幅提升，低版本長尾用戶比例趨近于零，這時的Web App形態(tài)也許會達(dá)到現(xiàn)有Hybrid App的水平，接近Native App。

一． 真的跨平臺嗎？

當(dāng)眾多業(yè)界高富帥專家指點(diǎn)華麗PPT一遍遍吹捧著使用HTML5跨平臺開發(fā)Web App高效省力時，一群群苦逼工程師仍在調(diào)試各平臺下滿眼是坑的所謂Web App。

先看Android平臺，版本碎片化到蛋碎了一地

搭載早期固件版本的Android機(jī)型如G2，G3在硬件上和現(xiàn)在動輒雙核4G的機(jī)皇相比如同鳥槍對大炮，即使是偏后期的V2.1中也有大量的電阻屏屌絲機(jī)，硬件上的先天不足直接影響了瀏覽器性能。

再看作為JavaScript核心的ECMAScript在Android平臺上的支持程度： ECMAScript版本升級與Android大版本升級時間點(diǎn)很接近，V2.1對ES5中新增方法的支持程度就不靠譜了，別忘了V2.1-update1。除了ECMAScript，在BOM，DOM能力上低版本Android同樣短板，沒有本地（離線）存儲沒有地理定位沒有原生JSON沒有hashchange沒有history，各種沒有。當(dāng)Web App運(yùn)行在這些低版本平臺時，標(biāo)志性的手觸交互，頁面切換效果都會大打折扣，甚至不可用。澤思網(wǎng)絡(luò) – 上海APP開發(fā)商

004km.cn 以上是由于Android固件版本軟件上以及承載平臺硬件上的先天不足，會對Web App的展現(xiàn)效果造成影響，下面更不靠譜的來了。Android及Webkit開源的特性衍生出第三方ROM，第三方瀏覽器等刷機(jī)愛好者喜聞樂見的產(chǎn)品，但這對Web App開發(fā)者來說就是個悲??！究竟是造了什么孽能讓Android的自帶瀏覽器帶上IE8的UA，讓開發(fā)者編寫的滑動效果被識別為瀏覽器自身組件行為，讓touch、scroll事件變的各種詭異！400分的瀏覽器有毛毛用啊！

在此誠摯的祝福眾多第三方ROM，第三方瀏覽器，廠家定制外包合作商，沒有你們，很多Web App開發(fā)者將面臨失業(yè)問題。

對Android平臺的總結(jié)：

固件版本碎片化嚴(yán)重，早期版本瀏覽器能力不能夠承載現(xiàn)有Web App形態(tài) 硬件水平懸殊很大，硬件支持上的疲軟也會影響到用戶體驗(yàn)（卡，虛，閃）各固件版本的API都有所差別，較復(fù)雜的交互或功能在不同固件版本下會遇到兼容問題

第三方定制導(dǎo)致眾多未知兼容性問題。

iOS一樣不是什么好鳥，固件碎片化情況同樣存在。

iOS對ES5的全面支持是在iOS4中的某個版本才完成的，低版本上也會存在不支持原生JSON這樣的缺陷。水果公司的策略屏蔽了第三方瀏覽器修改內(nèi)核的問題，但手勢沖突的問題依舊存在。

對iOS平臺的總結(jié)：

固件版本碎片化同樣存在，現(xiàn)有Web App形態(tài)需要做效果或功能降級運(yùn)行在早期版本。

即使是iOS依舊存在硬件差距問題，別忘了iPod Touch，電量不足的iPod Touch澤思網(wǎng)絡(luò) – 上海APP開發(fā)商

004km.cn 在頁面渲染及事件監(jiān)聽上會出現(xiàn)問題。

低版本的iOS在兼容性修復(fù)成本上甚至高于Android，3.X的事件冒泡逗你玩。所謂的跨平臺開發(fā)，一勞永逸是相對的，別老拿iPhone說事，何況iPhone上的Web App也還是個半吊子。

二．你造了什么孽弄出這么多頁面Bug？

且不談大家對Web App概念的理解是什么，你的產(chǎn)品真的需要這些仿App風(fēng)格的UI及交互嗎？過類App的展現(xiàn)引導(dǎo)會起到放大核心功能的效果，但附加的頁面可用性風(fēng)險(xiǎn)是否會大于App帶來的收益呢？這就是不能用與好用的取舍，連可用都達(dá)不到，好用易用從何談起。曾經(jīng)糾結(jié)是否單頁應(yīng)用才算真正的Web App，無線搜索則是典型的不能做到單頁模式，單這何嘗又不是一個優(yōu)點(diǎn)呢，可以從一個Web App迅速跳轉(zhuǎn)到另一個Web App而不是依靠不靠譜 的URL Scheme.競品調(diào)研是必要的，但尼瑪別老調(diào)研完Native App再套用在Web App產(chǎn)品上。Web App首先仍基于瀏覽器，沒有系統(tǒng)級的UI組件支持，過多的交互不僅會給來編碼上的負(fù)擔(dān)埋下可用性隱患，同時粗糙的仿制品每一步交互都會導(dǎo)致用戶流失。簡單快捷的交互體驗(yàn)及UI風(fēng)格依舊是移動端的主流，用戶的流量監(jiān)控器不是白瞎的。

Android機(jī)型如此之多，再加上屏幕尺寸，第三方瀏覽器，固件版本這些維度的影響，你的測試機(jī)夠用嗎？無論眾測內(nèi)側(cè)公測，總是有測不出的bug。面對Android眾們，我們需要一種小流量線上檢測機(jī)制，一個可靠的用戶反饋通道。

同為開發(fā)者，一年前也做過二逼青年，一門心思寫出炫閃酷的效果，結(jié)果測試時bug遍地開花。高效健壯的碼才是好碼，同時碼只是最終解決問題的手段。幫助PM意識到需求的風(fēng)險(xiǎn)，幫助UE了解各平臺上視覺及交互的實(shí)現(xiàn)效果，幫助QA了解可用性問題、提高測試效率，這些，在一個成功項(xiàng)目中的價值高于寫一手好碼。澤思網(wǎng)絡(luò) – 上海APP開發(fā)商

004km.cn 從項(xiàng)目源頭上控制住風(fēng)險(xiǎn)，在項(xiàng)目中暴露風(fēng)險(xiǎn)，隨著項(xiàng)目經(jīng)驗(yàn)的積累我們會做的更好。對于前文中一些棘手的case，真的要放棄這部分問題平臺上的用戶體驗(yàn)嗎？答案當(dāng)然是不！

三． 這些你做了嗎？

技術(shù)層面上，確保頁面可用性有如下手段： 1.JavaScript基礎(chǔ)庫

使用基礎(chǔ)庫來約束編碼規(guī)范，Zepto，JqMobi都是首選的移動端輕量級基礎(chǔ)庫。風(fēng)險(xiǎn)點(diǎn)在于目前并沒有一個能夠完全支持所有高端機(jī)版本的基礎(chǔ)庫，通常是Android2.2+，iOS4.0+。

2.保證核心功能可用性

在Android機(jī)型嗅探搜索首頁中外鏈Zepto庫的加載情況，因?yàn)榧兙W(wǎng)絡(luò)原因造成的外鏈加載失敗占比達(dá)到了0.2%，同時未開啟JavaScript功能的用戶也占到了0.2%。上述情況下，一些Web App常用的技術(shù)手段如異步加載，手勢交互的可用性幾乎為零，所以在編碼設(shè)計(jì)階段就要考慮到這類極端case下的降級入口，如表單提交不依賴腳本，在JavaScript不可用時提示用戶打開JavaScript功能以獲得更好的體驗(yàn)等。

3.頁面可用性檢測工具

html5test，Ringmark都是市面上很好用的在線瀏覽器能力檢測工具，可以用來在開發(fā)前評估核心功能覆蓋面和實(shí)現(xiàn)代價，他們的價值不僅僅是為那些跑分覽器打分。

前文提到，面對Android平臺的多維度復(fù)雜性，需要一種小流量，線上檢測頁面可用性的機(jī)制。Modernizr是一種檢測瀏覽器HTML5/CSS3支持程度的JavaScript庫，利用庫中檢測接口，擴(kuò)展數(shù)據(jù)采集及反饋功能后，配合小流量抽樣可以覆蓋到全用戶機(jī)型。澤思網(wǎng)絡(luò) – 上海APP開發(fā)商

004km.cn 以上兩種檢測方法都是通過檢測客戶端瀏覽器能力來確保頁面可用性的基礎(chǔ)服務(wù)，第二種作用尤為重要，通過類似的手段，我們已經(jīng)發(fā)現(xiàn)了很多問題，在隨后的文章中我們會陸續(xù)整理出和大家分享。

策略層面上，有以下方法： 1.服務(wù)器端適配手段

如Android 2.1以下版本，其瀏覽器已無法繼續(xù)承載Web App的功能需求，可以通過適服務(wù)器端適配策略將這部分長尾版本降級到一個保證核心功能可用的版式，既能保證這部分用戶的頁面可用性，也解開了對Web App整體發(fā)展的束縛。

2.客戶端容錯機(jī)制

在前端可以通過API嗅探，在頁面功能解耦的前提下，細(xì)顆粒度關(guān)閉不被支持的功能，保證頁面其他功能可用。

3.高端機(jī)平臺區(qū)分

現(xiàn)有主流高端機(jī)平臺上的開發(fā)如無較大功能差異，Android及iOS都基于一份代碼開發(fā)，測試、維護(hù)，只在局部做平臺兼容?？紤]到Windows Phone的市場保有量大幅增長，對Windows Phone的兼容工作也需納入計(jì)劃，是時候評估在現(xiàn)有版式上作兼容亦或新增版式的代價了。

Web App仍處在初級階段，離高富帥預(yù)估的Web App爆棚期也還有一段時間，我們的確需要一個活躍的開發(fā)者社區(qū)甚至平臺去孵化更多的Web App，冷靜下來看清現(xiàn)狀才能走的更踏實(shí)不是嗎？共勉。

第二篇：【法幫時評】“禁酒令”升級了,你造嗎

免費(fèi)法律咨詢就上法幫網(wǎng)

【法幫時評】“禁酒令”升級了，你造嗎?

中央紀(jì)委官網(wǎng)今年以來通報(bào)全國各級紀(jì)檢監(jiān)察機(jī)關(guān)查處的各類違反規(guī)定飲酒案例超過30起。

“新華視點(diǎn)”記者了解到，中央八項(xiàng)規(guī)定出臺4年間，全國多地陸續(xù)出臺規(guī)定：公務(wù)活動一律不準(zhǔn)飲酒。這比此前各地曾規(guī)定的“工作日中午不準(zhǔn)飲酒”更為嚴(yán)格。

近期，各地更是加大對公職人員各類違規(guī)飲酒現(xiàn)象的監(jiān)督查處力度。不過，記者調(diào)查發(fā)現(xiàn)，一些基層干部仍然通過種種方式搞變通違規(guī)喝酒。[詳細(xì)]

律師點(diǎn)評

首先，工作日午間飲酒，違反機(jī)關(guān)公務(wù)人員工作紀(jì)律和相關(guān)規(guī)定。其次，作為公務(wù)人員，我們的工作性質(zhì)決定了我們需要時刻保持清醒的頭腦，否則就可能導(dǎo)致工作中出現(xiàn)不該有的失誤。再次，作為公務(wù)人員，需要時常與前來辦事的群眾打交道。試想，當(dāng)有群眾前來辦事，而工作人員卻因午間飲酒而面紅耳赤、滿嘴酒氣，抑或干脆因此而關(guān)上門呼呼大睡，這讓群眾怎么想?能怎么想?換位思考一下，我們便不難想象出群眾對我們行為會有何等的失望與氣憤!

法幫說法

眾所周知，公務(wù)人員工作期間飲酒，不僅會影響正常的政務(wù)工作，而且會嚴(yán)重?fù)p害黨和政府在人民群眾心中的形象。相信每個公務(wù)員等人對此規(guī)定并不陌生。然而，由于缺乏應(yīng)有的規(guī)矩和紀(jì)律意識，漠視黨紀(jì)國法，一些公務(wù)員并未做到時刻嚴(yán)格要求自己，觸犯紀(jì)律紅線。奉勸黨員干部要時刻嚴(yán)格要求自己，自覺維護(hù)好自身形象，維護(hù)好黨和政府在人民群眾心中的形象，管好自己的嘴，不要抱著自己是身不由己的僥幸而去觸犯紀(jì)律紅線。

相關(guān)法規(guī)

《行政機(jī)關(guān)公務(wù)員處分條例》第九條 行政機(jī)關(guān)公務(wù)員受開除處分的，自處分決定生效之日起，解除其與單位的人事關(guān)系，不得再擔(dān)任公務(wù)員職務(wù)。

行政機(jī)關(guān)公務(wù)員受開除以外的處分，在受處分期間有悔改表現(xiàn)，并且沒有再發(fā)生違法違紀(jì)行為的，處分期滿后，應(yīng)當(dāng)解除處分。解除處分后，晉升工資檔次、級別和職務(wù)不再受原處分的影響。但是，解除降級、撤職處分的，不視為恢復(fù)原級別、原職務(wù)。

免費(fèi)法律咨詢就上法幫網(wǎng)

《行政機(jī)關(guān)公務(wù)員處分條例》第十條 行政機(jī)關(guān)公務(wù)員同時有兩種以上需要給予處分的行為的，應(yīng)當(dāng)分別確定其處分。應(yīng)當(dāng)給予的處分種類不同的，執(zhí)行其中最重的處分;應(yīng)當(dāng)給予撤職以下多個相同種類處分的，執(zhí)行該處分，并在一個處分期以上、多個處分期之和以下，決定處分期。

行政機(jī)關(guān)公務(wù)員在受處分期間受到新的處分的，其處分期為尚未執(zhí)行的期限與新處分期限之和。

處分期最長不得超過48個月。

《公務(wù)員法》第一百零一條 對有下列違反本法規(guī)定情形的，由縣級以上領(lǐng)導(dǎo)機(jī)關(guān)或者公務(wù)員主管部門按照管理權(quán)限，區(qū)別不同情況，分別予以責(zé)令糾正或者宣布無效;對負(fù)有責(zé)任的領(lǐng)導(dǎo)人員和直接責(zé)任人員，根據(jù)情節(jié)輕重，給予批評教育或者處分;構(gòu)成犯罪的，依法追究刑事責(zé)任：

(一)不按編制限額、職數(shù)或者任職資格條件進(jìn)行公務(wù)員錄用、調(diào)任、轉(zhuǎn)任、聘任和晉升的;

(二)不按規(guī)定條件進(jìn)行公務(wù)員獎懲、回避和辦理退休的;

(三)不按規(guī)定程序進(jìn)行公務(wù)員錄用、調(diào)任、轉(zhuǎn)任、聘任、晉升、競爭上崗、公開選拔以及考核、獎懲的;

(四)違反國家規(guī)定，更改公務(wù)員工資、福利、保險(xiǎn)待遇標(biāo)準(zhǔn)的;

(五)在錄用、競爭上崗、公開選拔中發(fā)生泄露試題、違反考場紀(jì)律以及其他嚴(yán)重影響公開、公正的;

(六)不按規(guī)定受理和處理公務(wù)員申訴、控告的;

(七)違反本法規(guī)定的其他情形的。

網(wǎng)友評論

@價值投資研究 ：酒桌上好辦事-無酒不成席-酒酒為公-酒量代表工作量等惡習(xí)該喝止了

@西紅柿wsbktw炒蕃茄 ：進(jìn)一步強(qiáng)化預(yù)算對政府部門的硬約束，科學(xué)合理安排公款支出等制度保障。

文章來源：法幫網(wǎng)

本文來源：法幫網(wǎng)（fabang.com）