微信朋友圈廣告原生頁與H5的區別

❶ 在微信上做 HTML5 網頁和普通的網頁開發有何不同

如果考慮的范圍只是微信內置瀏覽器和手機上的瀏覽器應用（safari、chrome）的話，差不多有幾個不同點吧：

最突出的差別，前端要注意分享功能！上線之前，每個頁面基本都要review一邊分享功能是不是完善的。
微信最近提供了新的介面，所以以後會有更多與微信貼合緊密的特性。
html5
介面上的差異。safari和chrome的話提供的html5介面會更多，而微信內置瀏覽器的介面比較少，印象最深的是usermedia。前幾天在項
目里還發現，微信里固定定位的支持還是不夠好，safari在這點上現在好很多了。所以如果想讓 web
應用在微信里體驗更好一些的話，iscroll類的模塊是免不了的。
微信瀏覽器的兼容性問題，在android上比較明顯。印象比較深的是三星的機型上不支持background-size-cover，必須使用-webkit-background-size才行。小米的輸入框比較難搞。。。
開發、調試上的問題。android chrome比較好，有遠程調試功能。微信裡面基本木有辦法。遇到棘手的問題，一般會使用modernizr來做特性檢測，或者使用遠程log工具調試。相關工具有：
Console.Re | Remote JavaScript Development Console
Sentry: Track exceptions with modern error logging for JavaScript, Python, Ruby, Java, and Node.js
Modernizr Helper

❷ H5頁面和原生頁在UI設計上有什麼區別

從事UI設計的較為多，然而出類拔萃地卻並不多，手機、網站等仍舊增設UI設計職位，他們需求促使更多的人彌補這一缺口，想要達到轉行或者學習，還是要找輔導班學的全面一些。

❸ app內的h5頁面和微信開發的h5頁面有什麼不同

鑒於原生開發工具在文本樣式上控制的局限性，行業內成熟的APP應用都採用了Native+Web的混合視圖，即在APP中嵌入瀏覽器框架，載入HTML網頁。這樣就可以完美的呈現富文本樣式。比如微信的自媒體：這樣的方式需要建立獨立的H5站點，考慮到資訊頁面一般都需要以鏈接的方式分享到站外，所以大都數閱讀類的APP都是同時開發H5站和APP，利用一個後台提供內容給H5站和APP;業務模型如下圖所示：在APP中嵌入瀏覽器載入內容唯一的缺點就是載入速度相對慢一些。但普通用戶基本上看不出區別，所以是當前最流行的實現方式;使用DTCoreText等文字效果代碼類庫(iOS平台)H5承載頁+內嵌瀏覽器框架的方式雖然可以完美的呈現文本內容，但載入速度會慢一些，而且展示風格會有一點點突兀;那麼還有一種方法就是使用DTCoreText;DTCoreText是一個功能十分強大的文字效果代碼類庫。在UITextView上實現十分豐富的文字效果，包括文字大小、顏色、字體、下劃線，鏈接，給文字加上圖片、視頻，文字任意間距等等。實現類似於CSS網頁的文字效果。使用這種實現方法的APP比如，同樣是以文字評論為主的APP，用戶體驗相比豆瓣電影就立刻顯得高大上了：這種方式可以直接實現富文本效果，但鑒於應用本身也需要以外鏈的方式分享到SNS站點，所以同樣需要建立獨立的H5站點;

❹ app原生開發和h5app有什麼區別

原生是基於他們自己平台的語言開發，比如ios和安卓是2個平台，也就是要開發2份app。h5的開發完一個，兩個系統可以兼容(調試測試好)就可以，所以h5比原生app要便宜。 h5的app，載入速度不如原生，受網路影響大，體驗度偏低，開發成本一般。 原生app，載入速度快，受網路影響較小，體驗度很高，開發成本偏高。 很多市面上的h5雖然功能有了，效果卻差了很大，要知道一款好的app光ui設計上就會比普通能湊合用的app高出幾倍，也就是說正常二十萬左右的appui可能也僅僅佔了一萬兩萬，甚至有的公司為了賺錢ui都是修改之前的成品app。

❺ 原生和H5的區別

APP，框架UI用原生編寫
H5的缺點：

❻ 網頁h5頁面跟微信h5頁面有什麼不同

區別一、運行環境的不同

傳統的網頁H5的頁面運行環境是瀏覽器，包括webview，而微信H5網頁的運行環境並非完整的瀏覽器。

區別二、是開發成本的不同

一個網頁H5web開發需求時，開發工具(vscode、sublimtext、Atom等)，大到前端框架(Angular、react、vue、backbone等)、模塊管理工具(Webpack 、Browserify 等)、任務管理工具(Grunt、Gulp等)，小到UI庫選擇、介面調用工具(ajax、Fetch Api等)、瀏覽器兼容性等都要考略。

一個微信H5的開發需求時，微信團隊提供了開發者工具，並且規范了開發標准，前端常見的HTML、CSS變成了微信自定義的WXML、WXSS，WXML中盡管全部是自定義標簽，但官方文檔中都有明確的使用介紹，相信上手應該是非常容易的。

區別三、是獲取系統級許可權的不同

微信H5相對於網頁HTML5 web應用能獲得更多的系統許可權，比如網路通信狀態、數據緩存能力等，這些系統級許可權都可以和微信小程序無縫銜接，而這一點恰巧是HTML5 web應用經常被詬病的地方，這也是HTML5的大多應用場景被定位在業務邏輯簡單、功能單一的原因。

區別四、是應用在生產環境的運行流暢度。

無論對於用戶還是開發者來說，都是最直觀的感受。當HTML5應用面對復雜的業務邏輯或者豐富的頁面交互時，需要不斷的對項目優化來提升用戶體驗。但是由於微信H5運行環境獨立，但配合微信的解析器最終渲染出來的是原生組件的效果，自然體驗上將會更進一步。

❼ h5做app和原生app有什麼區別

H5的優點
1、h5開發速度快，一端開發多端運行
2、如果APP用戶常見頁面頻換，如（淘寶首頁各種不同活動），那麼用H5，維護起來更容易。
3、如果app中出現大量文字且格式比較豐富（比如加粗、字體大小，圖文展示）等用H5比較方便
4、迭代版本時，不需要打包便可以發布（實時更新、快速迭代），與雲端實現實時數據交互
原生的優點
1、原生的響應速度快
2、對於有無網路操作時，譬如離線操作基本選用原生開發
3、需要調用系統硬體的功能（攝像頭、方向感測器、重力感測器、撥號、GPS、語音、簡訊、藍牙等功能）
4、在無網路或者若網的情況下體驗好。

❽ APP內的原生的頁面和H5頁面怎麼區分

判斷app裡面哪些是app原生寫的哪些是html代碼方法：
把手機的網路斷掉。然後點開頁面。然後可以正常顯示的東西就是原生寫的。
顯示404或則錯誤頁面的是html頁面。

❾ H5頁面交互設計與原生APP的區別和解決方案

1.更小的頁面空間（由於瀏覽器的導航本身佔用一部分屏幕空間），更大的信息記憶負擔。

2.交互動態效果收到限制，影響一些頁面場景、邏輯的理解。
3.頁面跳轉更加費力，不穩定感更強。而且頁面之間的跳轉也不是很流暢，很多時候出現卡頓或卡死現象。
4.導航不明顯，原有底部導航消失，有效的導航遇到挑戰等。
針對以上困境，解決方法總結如下：

1.H5版上只做查詢、瀏覽、顯示結果等操作。

2.精簡功能，只將核心的任務實現，非核心的枝節可考慮刪減。
3.減少頁面層級的數量和輸入操作。
4.做好新的WebAPP（h5）交互導航.
5.補充從WebAPP（h5） 對 下載原生APP 的引導。

❿ H5和原生APP之間的區別

實際上他們的底層都是一樣的。
H5寫的APP是基於html、js等語言編寫的。原生APP用原生的語言與java、c等編寫的。
H5寫的APP調用機子的一些設備時仍是需要通過底層介面實現的。H5寫的APP在不同系統的機子上兼容性更好。
原生APP調用一些介面的速度一般比H5的快，不過現在智能機處理速度都很快，因此用戶基本上都看不出來。