youtube可以切換語言嗎(傻瓜式app開發工具,不懂編程也能制作跨境app)

时间:2024-05-17 13:42:51 编辑: 来源:

Youtube怎么設置中文字幕

      很多朋友不知道Youtube怎么設置中文字幕,下面來教你。

操作方法

      01

      進入youtube視頻網站首頁,隨便點擊一個視頻進入播放。

      02

      進入視頻播放界面,點擊播放界面右下角的“齒輪”進入設置界面。

      03

      進入設置界面,點擊“字幕-添加字幕”

      04

      接著進入選擇語言界面,在語言中選擇中文即可,部分視頻由于音源的原因,是沒有辦法達到100%翻譯準確的哦!

油管評論怎么翻譯成中文

油管評論翻譯成中文方法:可以使用YouTube自帶的Google進行翻譯;也可以通過翻譯插件進行翻譯;還可以通過瀏覽器自帶的翻譯功能進行翻譯。

1、使用Youtube觀看評論如果想要翻譯成中文大家可以注意一下評論下方有“翻譯成中文”字樣,大家點擊它一下就可自動翻譯。

2、首先,進入到一個視頻的評論區,我們可以看見評論中的內容都是英文,但在每個英文的評論下面都出現了“翻譯成中文”的按鈕。對著要翻譯的評論點擊“翻譯成中文”,即可查看到中文簡體了。

油管介紹:是一個視頻網站,早期公司位于加利福尼亞州的圣布魯諾。注冊于2005年2月15日,由美籍華人陳士駿等人創立,讓用戶下載、觀看及分享影片或短片。

Google公司以16.5億美元收購了YouTube,并把其當做一家子公司來經營。但是對于如何通過YouTube盈利,Google一直保持非常謹慎的態度。被收購后的YouTube依然風靡全球網民,花旗銀行分析師認為,以2012年整年計算,Google可能從YouTube獲得24億美元的凈收入。

111天·Youtube多語言學習者的學習經驗~

The method to study foreign language need to find websites which is about what you are interested in.Gramar is not so important,but you need to master at least 300 basic vocabulary to understand the language which you want to study.If you master about 1500 words,you can understand most of the basic 買粉絲nversations.Pronunciation is very important,just 買粉絲py native speakers.

1.找你感興趣語言的網站看感興趣的部分

2.掌握300個基本詞匯,理解語言

3.當你有1500個詞匯量的時候,你就可以理解最基礎的交流了。

4.語音很重要,就是外國人說什么,你就說什么。多重復!

這種學習方法不適用于那些想要考證的同學們,如果你們只是想學會簡單的日常交流,其實就可以像上面說的那樣做。我之后也會慢慢實踐來告訴你們如何。在YouTube上看到了一個南非的哥哥,自己在家6個月自學了法語,6個月后,可以和法國朋友簡單的日常交流了。他的方法就是先把最基礎的語法以及核心詞匯學完,就逼著自己說法語,由剛開始的一點點到后來越來越熟練,這就是為什么每次你學習一本新的書的時候,第一課總是記得最清楚的原因。

如果有人也在學習日語,可以到 Japanesepod101.買粉絲 ,這個網站上有很多免費的學習日語的資源。

今日所學:(英對日)

Season( 季節)きせつ

1.Cherry blossoms are beautiful in spring.

春(はる)は桜(さくら)が綺麗(きれい)です・

2.I go to the sea/beach every summer.

毎年(まいねん)夏(なつ)に海(うみ)に行き(いき)ます。

3.You should go to Kyoto in Autumn.

京都(きょうと)は秋(あき)に行ったほうがいいですよ。

4.Japanese people use kotatsu in winter.

日本人(にほんじん)は冬(ふゆ)にコタツを使(つか)います。

5.What’s your favourite season?

一番好き(いちばんすき)な季節(きせつ)はなんですか。

Animal(動物)どうぶつPlant(植物)しょくぶつ

1.What animal do you like the most?

動物の中で何が一番好きっですか。

どの動物(どうぶつ)が一番(いちばん)好き(すき)ですか。

2.To plant a flower

花(花)を植える(うえる)

3.The fish is swimming.

魚(さかな)が泳(およ)いでいる。ーー水族館 (すいぞくかん)

Time(時間)じかん

1.This year is 2018.

今年(ことし)は2018(にせんじゅうはちねん)です。

2.Next year is 2019.

來年(らいねん)は2019(にせんじゅうくねん/にせんじゅうきゅうねん)です。

3.This is the last time.

=There won’t be a next time.

これが最後。(さいご)

4.In two years/two years later/the year after next

再來年(さらいねん)=二年後(にねんご)

5.In a week/one week later    一周間後(いっしゅうかんご)

In a month/one month later        一か月後(いっかげつご)                   

Day before yesterday    一昨日(おととい)

The year before last    一昨年(おととし)     

Last year  去年(きょねん)                  This year    今年(ことし)

Next year  來年(らいねん)                The year after next  再來年(さらいねん)

語言的學習需要循序漸進,其實是沒有捷徑的,現在需要的就是 夯實基礎,多跟讀,多說,多看自己感興趣的文章 。后記,如果有人想自學有沒有方法的可以私聊我,我可以告訴大家我笨拙的學習方法~皆さん、頑張れ!

わたしの日本語は下手です。I am trying to learn it through English,you can learn it by Chiese.As you know,there are lots of characters in Japanese,sometimes it is similar,but most of the time,it has several meanings.

對于外國人來學習日語來說,漢字是最難的,因為筆畫很多。但是對于我們來說,我們本來就知道中文怎么寫,所以,在接觸日語的時候,要比外國人學習日語要學的快一些,有些時候,即使你不知道是什么意思,也能大致猜出一二。

                                                                                                                              2019.2.18.  第一百一十一天  于家中

傻瓜式app開發工具,不懂編程也能制作跨境app

開發跨境app的時候我們要考慮一些要素,而這些因素很可能主要涉及制作成本和開發跨境app的方法。花錢雇一個開發人員其實并不便宜,不管這個開發人員有沒有經驗,專業程度有多高。

App越復雜,它的價格也就越高。因此,找一些方法自己開發跨境app是一個非常不錯的選擇。不過,由于軟件開發技術發展速度特別快,如今人們不懂編程開發跨境app也成為了現實。

這可能會想“這難道不會限制我開發一個動態且功能齊全的app嗎?”。對于這個問題,我們有很多答案,所以我們來詳細拆分一下這個問題。

跨境app開發工具的發展演變

幾年前,使用跨境app開發工具還不如現在這些可靠。因為當初我們只能開發靜態的app,不能添加動態功能。

如今這種情況已經扭轉了過來,因為最新一代的app開發工具支持擴展功能、動態小工具以及實時流線型功能。對大部分小企業主來說,很多這些功能都不需要使用。

我們還可以將Youtube頻道嵌入到app里,而且這類app都可以實時進行更新,不需要我們手動添加新視頻。

我們也可以將同樣的方法用在其他應用程序領域,例如下列領域:

內容。當博客、內容系統或電商網店上的新內容發布以后,將新內容推送到app上。推送通知。大多數現代化app開發工具基本上都包含有推送通知的功能。用戶門戶。想要創建一個所有用戶可以聚集的地方嗎?比如說類似于Instagram或Facebook這樣的app?使用最新的跨境app開發工具,這種情況完全可以實現。電子商務。很多人都想開發一些非常獨特的電商類跨境app。本文我們會提到這類可以實現完整電商專營功能的開發工具,而且不懂編程也能開發跨境電商app。

另外,這類app開發工具還有很多優點和功能。為了幫助大家更好地了解國外開發app的平臺,這里苦心孤譯博客為大家整理了現在市場上最好的跨境app開發工具。大家可能會對這類空間app開發工具有個大概認識,不過有一些可以肯定_這些跨境app開發工具在國外的使用人群非常多。

傻瓜式跨境app開發工具

下面的內容,就跟大家一起來盤點國外傻瓜式app開發工具。

1.AppyPie

AppyPie迄今為止已幫助300萬名開發人員制作功能齊備的移動app,而且使用的是可視化拖拽式app制作工具。AppyPie同時支持安卓系統和IOS系統,而且推出了高級網絡應用程序功能。因此,在這個平臺上開發的跨境app可以像普通的網站一樣在網絡瀏覽器里進行查看。也就是說,AppyPie同時解決了2個問題。

AppyPie的運行方式方式非常簡單。用戶需要先明確自己想要開發的app類型和分類,然后將重點放在AppyPie提供的功能上。這些功能就像每個app里的板塊一樣,每個板塊有不同的功能。不同的類別里還劃分了不同的功能,大家可以看一下下面這幾個比較典型的例子:

社交功能;多媒體功能;跨境電商功能;聯系功能;信息板塊;

如果要開發社交類跨境app,用戶就可以將目錄列表、會員卡、表單制作工具、用戶文件夾等功能使用上。每種功能都可以對應app的不同頁面進行個性化設置。

最重要的是,AppyPie可以免費幫助用戶將app發布在GooglePlay或蘋果設備的AppStore里面。AppyPie的使用非常方面,它包含一個中心化的控制面板,可以對app的所有版塊和外觀進行個性化設置。

大家還可以參考AppyPie10步自建App教程。

2.BuildFire

人們對某些app開發工具進行質疑也是可以理解的。一般來說,專業的app開發團隊開發的app都是動態的,而且交互性比較強。因此,人們對一款移動app的開發工具存在質疑也非常正常。不過,BuildFire的功能相當強大,而且所有的功能和可供使用的工具都是公開透明的。

BuildFire最明顯的特征就是他的插件系統。在這個平臺開發的每款跨境app都可以通過選擇插件和小工具的方式來完成。這些插件推出了制作特定app的主要功能和工具。假如你要開發一款跨境電商app,就可以選擇將Shopify、Square、PayPal和其他功能整合在一起。

最后就是價格問題了。BuildFire最基本的套餐價格是每個月89美元,不過這個套餐已經能滿足基本的商業需求了。專業套餐的價格最高可達每月149美元,而且還推出應用內購買和推送通知等附加功能。此外,還有每個月499美元的企業套餐,它包含了BuildFire的所有功能。

利用BuildFire開發的跨境app跟IOS和安卓設備完全兼容。

3.Thunkable

如果大家有誰曾經嘗試過學習編程,就應該聽說過Scratch這個平臺。這個平臺使用的是版塊式app開發界面,同時在制作app的過程中還可以學習編程。Thunkable似乎從Scratch這個平臺獲得了靈感,它的app開發界面跟Scrach非常相像。

因此,用戶不僅可以快速制作跨境app,還可以在這個過程中學習到新的技能。制作基本的app其實不像很多人想的那么難。Thunkable也是一款可視化跨境app開發工具,而且它的設計界面更加扁平化。

板塊選擇可以向開發人員演示app與其他對象的交互效果,這個就非常符合Scratch的風格了。如果你打算自己學習app的編程技術和代碼知識,這個功能非常有幫助。

最后來提一下Thunkable的定價問題。所有人都可以使用Thunkable開發免費的跨境app。不過付費套餐的費用是每個月21美元,用戶可以享有更大的存儲空間,還可以選擇個性化標識,凸顯自己的品牌。

4.AppSheet

AppSheet可以部署在所有的蘋果設備、安卓設備、云端和互聯網上。可以說AppSheet是專門為普通用戶開發的跨境app制作平臺,用戶也不需要了解任何編程和代碼知識。AppSheet跟其他競爭對手不同的一個獨特之處在于用戶可以輕松使用谷歌文檔、谷歌網盤、谷歌Excel等現有數據創建app。

AppSheet的靈活程度是它跟其他跨境app開發工具區分的特征之一,它還推出了實時在線培訓、網絡研討會、幫助文檔等技術方面的支撐,提高了用戶友好程度和交互程度。

AppSheet的優勢和劣勢優勢劣勢在任何智能設備上都可使用自有數據建app無需學習代碼知識外觀設計界面有切換鍵,圖標也多用戶體驗和網絡中瀏覽體驗還可提升實用的功能和界面不太注重財經類app制作,不過價格比較低有app樣品,可以了解不同功能AppSheet免費,使用所有功能需付費學習曲線短AQL鏈接僅適用于付費版5.GoodBarber

GoodBarber可以部署在蘋果系統、安卓系統、云端以及網絡上。對任何喜歡開發跨境app的人士來說,基本都要提前了解制作運行一個app的成本,可能還需要了解開發制作一款app的細節工作。GoodBarber就是這樣一個傻瓜式app開發工具,其目的就是要讓更多的用戶輕松完成app的制作和開發。

GoodBarber內置的功能有很多,足夠滿足用戶制作開發一款跨境app。用戶可以利用它開發購物類app、內容管理類app以及其他類型的app。如果要開發一款跨境電商app或管理類app,可以說GoodBarber是不二之選。

GoodBarber的優勢和劣勢優勢劣勢不需要了解任何編程語言和代碼知識系統有時候運行會出問題IP保護蘋果設備上的Safari上沒有推送通知功能適用于所有不同屏幕大小的設備設計過程有時候會對開發人員造成困擾擁有內置的模板有時會出現bug,導致app不運行對小企業、小公司來說比較劃算客服支持力度大6.AppInstitute

AppInstitute已經從一開始的初創公司成為一個相對成熟的品牌了,它在全球的用戶達到了15萬之多。傻瓜式跨境app開發工具比較直觀簡潔,比較適合小公司、小企業使用。如果你是一個天天忙碌的老板,而且對編程和代碼都不了解,但是還需要一款跨境app,AppInstitute的很多功能都可以幫您完成app的開發和制作。

選擇模板_我們可以從預先設置好的模板里面導入功能完整的app。AppInstitute可以做很多行業的app,例如體育賽事、餐廳飯館、服務類行業以及其他行業。添加品牌推廣元素_開發人員選擇了模板以后,就可以給app添加一些品牌推廣方向的元素,例如可自定義徽標、社交媒體鏈接、圖片等多媒體資料。可自定義內容_從頁面順序到文本開發人員可以對所有涉及到內容的材料進行編輯。而且所有的更改都會通過app制作界面添加到app上。即時發布_用戶需要制作一個跨境app,這個app就可以制作完成并處于待發布狀態。開發人員還可以將制作完成的app一鍵發布到大多數流行的移動app應用商店里。

最后就是關于使用AppInstitute的成本。AppInstitute在制作app時是不收費的,不過如果開發人員要發布新開發的跨境app,就必須繳納一定的費用了。AppInstitute最基本的套餐價格是每個月40美元。

7.Andromo

如果你現在開發一款跨境app的同時也能賺到錢,或許Andromo就是你最好的選擇。這個安卓專用的移動跨境app開發平臺是目前世界上最好的平臺之一。完美的app開發界面讓整個開發過程更加方便。

Andromo成功的一點就是它整合了社交功能。畢竟開發一款擁有各種內容資源的app是一回事,app用戶社區跟這些資源進行交互式互動又是另外一回事。

無論你要制作的跨境app涉及到音樂庫還是旅游指南目錄,Andromo上面都提供了相應的設計工具。而且在設計過程中,用戶不懂代碼不懂編程也能開發跨境app,可以說Andromo也是一款傻瓜式app開發工具。更重要的是,使用Andromo開發的每款app都是使用本機的安卓代碼生成的。用戶可以將app發布在GooglePlay上面。

利用Andromo開發app的過程中可以賺錢,正因如此它才如此出名。要知道,現在移動app非常流行。Andromo可以通過自己的廣告網絡和AdMob實現app變現。而且在發布新app以后,賺錢的機會也很多。

不懂編程也能開發跨境app,傻瓜式app開發工具

如果還有人問是不是不懂代碼也能開發app,這個答案是肯定的。本文列出的幾個跨境app開發工具就可以讓用戶在不懂任何編程專業知識的情況下完成app開發。而且,這類技術還將繼續向前發展。

總的來說,開發人員必須要了解自己的app上要實現哪種功能。了解這些功能有助于我們在選擇傻瓜式跨境app開發工具的時候有針對性地做出選擇。另外,我們自己也需要有一個心里成本底線和估算。

文末,小編還向大家推薦下列文章,希望大家喜歡:

跨境電商聯盟營銷店鋪制作新手教程;電商人工智能工具:提高店鋪銷量;亞馬遜無貨源一件代發貨跨境電商終極指南;國外10大產品測評網站;

HTML5定稿了 為什么原生App世界將被顛覆

2007 年 W3C (萬維網聯盟)立項 HTML5,直至 2014 年 10 月底,這個長達八年的規范終于正式封稿。

過去這些年,HTML5 顛覆了 PC 互聯網的格局,優化了移動互聯網的體驗,接下來,HTML5 將顛覆原生 App 世界。這聽起來有點危言聳聽,但若認真分析 HTML5 的發展史,你會發現,這個世界的發展趨勢確實就是這樣。

熟知歷史才能預知未來,先讓我們來看看 HTML5 為什么誕生、這 8 年是怎么過來的。

一、 HTML5 的誕生

自 W3C 于 1999 年發布 HTML4 后,Web 世界快速發展,一片繁榮。人們一度認為 HTML 標準不需要升級了。一些致力于發展 Web App 的公司另行成立了 WHATWG 組織,直到 2007 年,W3C 從 WHATWG 接手相關工作,重新開始發展 HTML5。

HTML5 的發展史,有用戶的需求在推動,有技術開發者的需求在推動,更有巨大的商業利益在推動。

在互聯網的早期,對用戶而言,能打開瀏覽器接入到互聯網世界就是一個神奇的事情,但互聯網發展到 2005 年前后,開始出現下一個變化,就是寬帶互聯。

隨著寬帶的普及和電腦性能的增強,人們不再滿足于單純的通過互聯網看新聞、收發郵件,消耗更高帶寬的娛樂產品開始出現,就是流視頻和網頁游戲。其實視頻和游戲是古老的需求,在互聯網不普及的時候,需求的滿足方式是離線傳輸的 VCD 和游戲光盤;后來互聯網逐漸普及,人們更改了使用方式,通過下載軟件+本地媒體播放器來看視頻,下載體積較大的端游玩游戲。

但是對消費者體驗更好的新方式還是出現并顛覆了以前的一切,那就是流媒體和網頁游戲。Youtube 等公司把握住潮流飛速崛起,各種頁游公司也如雨后春筍。

但是 HTML 標準沒有把握住產業的變化及時演進,瀏覽器產品也未升級,這塊新需求被瀏覽器插件滿足了,那就是 Flash。這個部署在億萬瀏覽器里的商業插件儼然成為事實標準。2005 年 Adobe 巨資收購 Macromedia,把 Flash 收歸旗下,緊接著大幅推廣 FLV 流媒體和 action script 語言,很明顯這樁收購可以列為 IT 并購的經典案例,FLV 流媒體和 Flash 游戲風靡互聯網,Adobe 在新的產業升級中攫取了大量的利潤。

除了 Flash 這個商業產品成為了事實標準,W3C 還面臨一個尷尬,就是另一個私有擴展協議的制造者—IE。IE 當時在桌面瀏覽器占有壟斷地位,并且擴展了大量的 IE Only 語法,開發者完全不知道這些語言是誰定義的。整個 web 世界,就被兩家公司微軟 +Adobe 綁架了。

很多 IT 巨頭都坐不住了,尤其是蘋果和 Google。PC 操作系統的世界難有突破,Web 瀏覽器被蘋果寄予厚望,而且第一代 iPhone 只支持網頁,那時還沒有 Appstore,Safari 是喬布斯非常看重的產品;新貴 Google 雖然大量贊助 Mozilla,但并未對 IE 的地位產生實質影響,收購了 YouTube 后發現底層被 Adobe 控制,也是非常難過,而且 Google 每年給 IE 的搜索框和 Adoble FLV 繳納的費用真不是小數目。

既然大家都是 W3C 的主席單位,好吧,我們重新開始做 HTML5 吧。

是的,HTML5 其實就是這么誕生的。那是 2007 年,IE 和 Flash 由盛轉衰的轉折點。

二、 HTML5 第一階段: Web 增強與破壟斷

自 HTML5 誕生以來,一共經歷了兩個階段,分別是 Web 增強和移動互聯網。我們先從 Web 增強說起。

web 體驗的豐富增強主要表現在:1. webapp,比如 gmail;2. 流媒體;3. 游戲。我們就這 3 個方面來講 HTML5 做了什么。

1. webApp

HTML5 新增了離線存儲、更豐富的表單(比如 Input type=date)、js 線程、socket 王樂、標準擴展 embed、以及很多 css3 新語法…

2. 流媒體

HTML5 新增了 audio、買粉絲

3. 游戲

HTML5 新增了 canvas、webgl

當然還有 Google 努力在 HTML5 中推進 Header 和 Section 等標簽,以利于搜索引擎分析,這些不多述。

HTML5 補充流媒體和游戲能力后,加上蘋果強勢拒絕在 iOS 上引入 Flash,成功的遏制了 Flash 的發展,然后就該遏制 IE 私有語法了。

在 HTML5 標準的升級過程中,蘋果和 Google 同時也看到了瀏覽器市場重新洗牌的機會,他們一方面參與 HTML5 的規范,一邊在瀏覽器產品上發力。Apple 首先開始大力發展 Safari,建立 WebKit 開源項目,Mac、iOS、Windows 多平臺齊發力;Google 起初是贊助 Mozilla 開發 Firefox,后來自己開發了 v8 引擎,合并 WebKit,于 2008 年正式推出 Chrome。“IE 的私有規范 +Flash 不是標準,我們才是標準”這樣的口號在新一代瀏覽器大戰中打響,IE 瞬間成為千夫所指的壟斷代表,甚至成了阻礙 Web 發展的罪人(當時 IE6 已數年未更新,并且絲毫不懼 Firefox 的發展)。

偏偏微軟此時也出了暈招,推出了一系列即不完整支持規范又互相不兼容的 IE7、8、9、10,徹底失去了開發者的心。

Adobe 的 Flash 被遏制,與 Web 霸主的位子擦肩而過;IE 的私有標準被遏制,并且造成 IE 市場份額不停下滑,直到 IE 最新的移動版本反過來開始支持 WebKit 私有語法,真是令人唏噓。不知道 HTML6 是不是該打倒 WebKit 壟斷了。

三、 HTML5 第二階段: 移動互聯網

隨著 Chrome 和 Safari 的高歌猛進,以及 IE+Flash 的衰落,HTML5 告一段落,進入了下一個時代——移動互聯網。HTML5 的跨平臺優勢在移動互聯網時代被進一步凸顯。HTML5 是唯一一個通吃 PC、Mac、iPhone、iPad、Android、Windows Phone 等主流平臺的跨平臺語言。Java 和 Flash 都曾夢想這個位置,但夢斷于 iOS。此時人們紛紛開始研究基于 HTML5 開發跨平臺手機應用。很多人當時認為,原生應用只是過渡,就像當年從C/S結構轉變為B/S結構一樣。而且學習 Objective-C 和 Java 很費勁,我既然會網頁開發,為何不試試 HTML5。

W3C 此時成立了 Device API 工作組,為 HTML5 擴展了 Camera、GPS 等手機特有的 API,然而麻煩的是,移動互聯網初期的迭代太快了,手機 OS 在不停的擴展硬件 API,陀螺儀、距離感應器、氣壓計。。。每年手機 OS 都有大版本更新。而 W3C 作為一個數百家會員單位共同決策的組織,從標準草案的提出到達成一致是非常復雜的過程,跟不上移動互聯網初期的快速迭代。

PhoneGap 的出現,給開發者打開了一扇窗。很多人期待 PhoneGap 不停擴展 API,來補充瀏覽器的不足。Adobe 看到 PhoneGap 仿佛看到了重振江湖地位的希望,但在 Adobe 收購 PhoneGap 后,又發現這個東西可商用性不足,而且開源使得 Adobe 無法像 Flash 那樣獲取商業利益,于是就把 PhoneGap 捐給了 Apache,改名為 Cordova。

因為各種原因,Cordova 的定位最終沒有成為瀏覽器的強化,而走向了混合式開發。基于當時的背景,他們認為原生是不可替代的,“原生 +HTML5”的混合模式更有意義。所以現在 Cordova 的使用模型是“原生工程師 +HTML5 工程師”一起協作完成 App。

這時 Facebook 加入了 W3C,牽頭成立了 Mobile Web 工作組。Facebook 是混 Web 圈的,并且在手機 OS 上沒有自己的領地,他不喜歡被蘋果和 Google 掌控的原生應用生態系統。Mobile Web 這個工作組的重要目標就是讓 HTML5 開發的網頁應用達到原生應用的體驗。然而,事與愿違,它不努力也就算了,結果是努力了卻失敗了。2012 年,Facebook 放棄了 HTML5 的新聞充斥了全世界的 IT 媒體,HTML5 瞬間被打入冷宮。

Facebook 為何放棄 HTML5?核心是當時基于 HTML5 真的做不出好的移動 App。對比 Twritter 等競爭對手的原生 App,Facebook 的 HTML5 版本實在無法讓用戶滿意。比如 Push 功能,到現在 HTML5 的推送和原生的推送體驗差距依然巨大,更不用說 HTML5 應用的頁面切換白屏、下拉刷新/側滑菜單不流暢等眾多問題。看著原生工程師輕松實現搖一搖、二維碼、語音輸入、分享到朋友圈等功能,更是讓 HTML5 工程師感覺自己站錯了隊。

即使 Facebook 不喜歡被控制,也不能拿被用戶拋棄來冒險。而且 Facebook 并沒有掌握關鍵點—手機瀏覽器內核。如果瀏覽器不跟上,徒然定一堆標準草案落不了地。

而瀏覽器在手機上的表現是什么呢?先看 Google,Chrome 性能雖高,但 Android 上的瀏覽器卻并非 Chrome,而是 WebKit 改出來的一個蹩腳的 Android 瀏覽器;再看蘋果,iOS 上不允許其他瀏覽器引擎上架 App Store,而且其他使用 Safari 引擎的應用也無法調用蘋果自己的 JavaScript 加速引擎 Nitro。結果是蘋果和 Google 不但不在瀏覽器上積極實現 HTML5 關于移動 App 所需的規范,反而對 HTML5 做出種種限制。

不管是當時硬件能力不足,還是手機 OS 廠商的故意限制,總之結果就是:在移動互聯網的初期,一定是原生應用生態系統的天下,iOS 和 Android 首先自己的地盤穩固后,產業才會向下個階段升級。

Facebook 也好,PhoneGap 也好,想在移動互聯網初期就分一杯羹是分不到的,但堅持下來,機會往往會出現。

四、 HTML5 這回真的來了

終于,在 2014 年 10 月底,W3C 宣布 HTML5 正式定稿。這個時間,不晚不早,硬件性能更強、手機 OS 迭代速度下降。

隨著 HTML5 標準定稿,一切紛爭將告一段落,現在,屬于 HTML5 的時代到來了。

有人說,光標準定稿沒用啊,配套起來了嗎?HTML5 做的應用究竟能否匹敵原生 App?答案是,HTML5 不但可以匹敵原生 App,甚至它天然的很多特性超越了原生 App。

我們先談談 HTML5 原來不如原生應用的地方,業內俗稱 HTML5 有“性工能”障礙。即 HTML5 性能不如原生、開發工具不如原生、能力調用不如原生。

這幾個問題導致開發者無法使用 HTML5 做出與原生一樣的 App。然而,不管是硬件升級還是 OS 廠商策略變化,以及相關軟件技術的成熟,已解決了 HTML5 的“性工能”障礙。

1. 硬件升級

2011 年,iPhone 4s 的 CPU 是 A5,現在 iPhone 6 是 A8,按蘋果的歷次發布會的說法,速度共提升了 7.5 倍。這 3 年間 7.5 倍的速度提升,抹平了太多 HTML5 的性能問題。

2. 蘋果、Google 的策略變化

Google 在 2013 年底發布的 Android 4.4,內置的 Webview 不再是蹩腳的 Android WebKit 瀏覽器,而是 Chromium,性能大幅提升。從最新的 Android5.0 開始,Webview 可以通過 Google Play Store 實時更新,和 Chrome 的升級保持一致,用戶就可以不刷機享受到最新的瀏覽器引擎;再看 Apple 方面,2012 年 iPhone 5 發布后,HTML5 在 iOS 上的表現已令人滿意,Safari 獨家的 JavaScript 加速引擎 Nitro 不再那么重要,不過在 iOS 8 發布后,蘋果還是很識趣地取消了三方程序調用 Nitro 的限制,現在任意瀏覽器或應用調用 iOS 的 UIWebview 都可以利用 Nitro 加速,這樣在前端使用 JS 做大型運算也成為可能。兩大手機操作系統霸主和瀏覽器巨頭的態度發生了變化,使得 HTML5 在手機上的發展不再受限,而且這個變化不可逆只能繼續向前,這種變化勢必會產生深遠的影響。

3. 軟件技術的成熟

PhoneGap 的發展雖然放緩了,但其他產品技術卻成熟了。2014 年的 iWeb 大會上,眾多廠商的產品提供了面向開發者免費或開源的 HTML5 性工能障礙的解決方案。

(注:編者作為從業人員,也會在分析各種方案時提到我們公司的方案,但編者會客觀不夸張的陳述方案,而且該方案是純免費的,沒有商業銷售嫌疑。)

DCloud 公司在 iWeb 大會上發布了系統的 HTML5“性工能缺失”的解決方案,包括:

a) 性能:提升 HTML5 性能的手機端引擎,讓側滑菜單、下拉刷新等動態交互卡頓的問題得以解決;

b) 工具:HTML5 開發 IDE 產品 HBuilder, 超快的編程利器;

c) 能力:把 40 萬原生 API 封裝成 JavaScript 對象,以解決 HTML5 能力不足問題的 Native.js 技術;

d) 最接近原生體驗的高性能框架:MUI 框架,體積只有幾十K,加載、運行遠快于一般框架。

基于該方案開發的 HTML5 應用完全可以達到原生 App 的功能和體驗。

使用 HBuilder 開發 HTML5 應用

英特爾公司發布了 Crosswalk 引擎,可以讓 Android 4.0-4.3 的手機上的應用打包 Chromium 引擎而不是 Android WebKit。畢竟目前市場上存在大量 Android 4.0-4.3 的手機,同時統一的 webview 也避免了兼容性的煩惱。

在專業方向上很多公司也做出了不錯的成績。觸控的 Co買粉絲s2d-買粉絲5、Egret runtime 和 Ludei Co買粉絲onJS 強化了 Canvas 的表現,讓 HTML5 游戲體驗更好;UC、獵豹等手機瀏覽器都強化了音視頻播放的表現。

不管是硬件升級、軟件成熟,還是操作系統廠商策略變化,都在強力推動 HTML5 的爆發。

不過要注意,我說的 HTML5 爆發,不是指手機瀏覽器會替代桌面成為應用入口。有人說 HTML5 不好,因為用戶討厭打開瀏覽器輸入 URL 的過程。我想說這種想法是對 HTML5 的片面理解。HTML5!=傳統瀏覽器,雖然編程語言還是 HTML、Javascript、CSS,但發行方式絕不是傳統網站那么簡單。HTML5 應用的入口,反而很少是啟動瀏覽器輸入 URL,它可以是存在于手機桌面的圖標、也可以來自超級 App (如買粉絲朋友圈)、以及搜索引擎、應用市場、廣告聯盟。。。到處都是它的入口。它的入口,比原生 App 更多。

五、 原生 App 的顛覆

HTML5 的“性工能”障礙得到解決,可以接近原生 App 的效果,所以它就可以替代原生 App 嗎?很多人認為,即使 HTML5 會發展的比現在好,也將是與原生 App 各占一部分市場的格局,要求不高的長尾應用會使用 HTML5,而主流應用仍是原生 App 的天下。

但我認為這樣的想法很危險,就像 Apple 成立前,HP 的高層告訴沃茲:誰會在家里擺一臺電腦呢?未來 HTML5 肯定會顛覆原生 App。“性工能”障礙的消除,只是 HTML5 的劣勢被削弱,但劣勢被消除后,它的優勢就會大放異彩,HTML5 的優勢是什么?我們分別就開發者和最終用戶來看。

HTML5 對開發者的 7 大優勢

跨平臺:

在多屏年代,開發者的痛苦指數非常高,人人都期盼 HTML5 能扮演救星。多套代碼、不同技術工種、業務邏輯同步,這是折磨人的過程。有點類似個人電腦早期世界,那個時候的每家電腦都有自己的操作系統和編程語言,開發者疲于做不同版本,其實 DOS 的盛行也很大程度是因為開發者實在沒精力給其他電腦寫程序。跨平臺技術在早期大多因為性能問題夭折,但中后期硬件能力增強后又會占據主流,因為跨平臺確實是剛需。

快速迭代:

移動互聯網是一個快魚吃慢魚的時代,誰對用戶的需求滿足的更快,誰的試錯成本更低,誰就擁有巨大的優勢。互聯網產品大多免費、且有網絡效應,后入者搶奪用戶的難度非常大。使用原生開發,從招聘、開發、上線各個環節的效率都慢一倍以上,而且參與的人越多,溝通效率往往拖慢不止一倍。

持續交付:

很多人有這樣的體會,一個原生應用上線 Appstore,突然有一個大 bug,只好連夜加班修復,然后靜靜等待 2 周或更長時間的 Apple 審核,這 2 個星期被用戶的涂抹淹死,市場上一片差評,用戶大量流失。等新應用被審核上線了,用戶已經卸載了。但是,HTML5 沒有這些問題,你可以實時更新,有問題立即響應。

大幅下降成本:

創業者融資并不容易,如何花錢更高效非常重要。如果你使用原生開發的 App 和競爭對手使用 HTML5 開發的 App 沒什么區別,但你的開發成本高出一倍,我相信沒有投資人會喜歡給你投錢。

開源生態系統發達:

HTML5 前端是開放的正反饋循環生態系統,大量的開源庫可以使用,開發應用變得更輕松、更敏捷,當然這也體現在了快速迭代和成本下降上。不過更重要的是,這種開放的正反饋循環生態系統未來的生命力是比原生生態系統更強勁的。

開放的數據交換:

HTML 是以 page 為單元開放代碼的,它無需專門開發 SDK,只要不混淆,就能與其他應用交互數據。開發者可以讓手機搜索引擎很容易檢索到自己的數據, 也更容易通過跨應用協作來滿足最終用戶需求。

更容易推廣、更容易爆發:

導流入口多:HTML5 應用導流非常容易,超級 App (如買粉絲朋友圈)、搜索引擎、應用市場、瀏覽器,到處都是 HTML5 的流量入口。而原生 App 的流量入口只有應用市場。聰明的 HTML5 開發者當然會玩轉各種流量入口從而取得更強的優勢。

流量大:前段時間買粉絲朋友圈風靡一時《神經貓》,這個游戲如果放到 Appstore,絕對沒有那么多流量,超級 App 帶來的流量,遠大于原生應用市場。假如買粉絲允許游戲在桌面創建快捷方式、假如游戲后續升級解決持續娛樂問題,未來不可想象。

導流效率高:除了入口多、流量大,導流效率高也不可忽視,誰都知道:頁游和端游打同樣的廣告,廣告變用戶的轉化率,頁游遠遠高于端游。

可精準導流到二級頁:我們都知道搜索引擎可以直接進入到。

HTML5 對最終用戶的 3 大優勢

大幅降低使用門檻

用戶眼睛看到一個興趣點,點擊后,就應該立即開始滿足用戶需求。比如流媒體可以立即看,頁游可以立即玩。而目前的原生應用市場,用戶需要這樣操作:選一個應用、等待下載、確認權限、等待安裝,然后點擊打開。這樣糟糕的體驗遲早要被顛覆。

不管是 App、游戲還是音視頻,未來都將即點即用。誰先滿足用戶這個需求,誰就制勝。

實時更新、差量更新的優秀體驗

HTML5 應用可以繞開應用市場的限制進行自主實時更新,用戶可以快速享受新服務。

而且這種更新完全可以是差量更新,比如某個 HTML 頁面或某個 js 文件有問題,只更新這個幾k的小文件就可以了,這比原生應用的更新體驗好太多。

跨應用的使用體驗

目前手機應用切換是以桌面或任務管理器為中心的,但事實上這些中心很影響效率和體驗。用戶想出差三亞,先打開去哪 App 訂票,然后切回桌面,再找到并打開天氣 App,搜索輸入三亞,再切到桌面,找到并打開航旅縱橫 App,輸入航班號值機,哦對了,航班號多少來著,再切到桌面,找到并打開去哪 App 看航班號,最后找到并打開租車 App,輸入租車地點,然后再切回桌面。。。

在原生應用體系下,用戶只能這樣。但在 HTML5 體系下,他不需要切回桌面,他可以在 App 間方便的直接跳來跳去,而不是使用一個一個孤島 App;他更不用重復錄入數據,應用間可以方便的互相傳遞數據。

這種模式需要一點想象力,但未來遲早會來。

分析至此,我們可以明顯的看出,不管是站在最終用戶角度、還是站在開發者角度,HTML5 必將取代原生應用當前的位置。并由此引發一系列顛覆。

六、 還有什么會被改變?

HTML5 的爆發,原生 App 生態系統的顛覆,是一場產業革命,很多角色都會受到影響,我們來預測一番。

新型 HTML5 引擎戰火將燒起

標準的 HTML5 引擎并不能解決 HTML5 的所有問題,擁有大流量入口的互聯網巨頭,莫不在思考內嵌更優秀的增強引擎。騰訊推出了 X5 瀏覽器引擎,就是看中這個機會。目前各路瀏覽器廠商、應用市場廠商、甚至 rom 廠商,都在努力整合更優質的瀏覽器引擎。假使買粉絲內嵌的 Webview 可以運行更優秀的 canvas 游戲、假使 360 手機助手可以發行即點即用的 HTML5 應用并且能力體驗與原生一致、假使小米 rom 內置更強大的 webview 使得所有 HTML5 應用在小米手機上運行的更流暢。。。

一個巨頭開始行動,所有巨頭都會聞風而動,沒錯,這場戰役會是移動互聯網世界的二次世界大戰。

應用發行市場將洗牌

由于超級 App 的巨大流量能輕易成為 HTML5 應用的入口,并且會形成大者更大的效應,傳統的應用商店、甚至線下預裝,這些流量不足和效率偏低的發行模式將被擠出市場主流。本身也是超級 App 的大流量應用商店,如果轉型得當,也將以發行 HTML5 應用為主。

廣告和統計市場

原生的廣告和統計 SDK 提供商會面臨尬尷,Google、百度等基于網頁的廣告和統計服務會取得更大的優勢。開發者不再需要打包 SDK,引入一個 Script 即可。

開源技術將在移動互聯網領域更加流行

HTML 的開放性造就了大量的開源產品,也反向促進了 HTML 的繁榮。在 Github 上有大量的 JS 框架,而原生的開源代碼數量相比甚少。而未來移動互聯網世界將因為開源而發展的更迅速,這里也同樣存在類 Github 廠商的機遇。

開發工具的變化

早期 HTML 只需要記事本寫幾個 Tag,中期的 HTML、JS、CSS 比較復雜,需要更高級的文本編輯器,但 HTML5 到來后,它的代碼量、復雜度、開發模型將與原生開發看齊,需要類似 XCode、Eclipse 等專業的 IDE 工具來解決開發、調試的問題。一些以會使用記事本寫代碼為榮的開發者,將面臨思路轉換甚至被更高效的開發者淘汰。

性能分析調優

目前很多針對原生應用的性能分析調優工具或服務,未來也面臨轉型,HTML5 應用的性能分析調優是另一個世界。

混淆與產權保護

HTML5 是開放代碼的,好處也帶來弊端,有些東西開發者希望暴露,但有些東西開發者希望保護。混淆技術就變得更有商業機會。PC Web 上 Gmail 的混淆就做的不錯。除了 JS 混淆,離線數據加密相信也有不少空間。

安全廠商的新機會

HTML5 的強大會引發很多安全問題,并且解決思路與原生不一樣,業內有可能會出現新的安全廠商領導者。

七、 結語

寫到結尾,感覺話題有點大了。其實未來如何發展是沒人能準確預測的,變量非常多。但我想讓用戶和開發者都更方便的趨勢是不會錯的。

搜索关键词: