大家好,今天小編來為大家解答html5手機版這個問題,html5官方下載很多人還不知道,現(xiàn)在讓我們一起來看看吧!
html5開發(fā)的手機APP怎么做首頁的菜單頁面切換
如果不想用傳統(tǒng)的頁面跳轉,可以考慮使用一下前端的MVC框架,比如backbone.js比如Angular.js都可以實現(xiàn)你說的那種,上下不動只有中間的內(nèi)容在變,其實加載的是不同的模板,然后用路由控制的,整個瀏覽器始終處在一個界面中,只是在不停的重新渲染內(nèi)容,頁面并沒有跳轉,這個應該就是你想要的了吧
如何通過html5調用手機攝像頭
最近剛好有這個需求,簡單調研了下。
在移動端,通過設置如下屬性,可以調起手機的攝像頭:
capture屬性可取值有camera、camcorder、microphone,分別表示捕獲系統(tǒng)的照相機、攝像機、麥克風。
做了個demo,可以用手機打開
移動端調起攝像頭
至于兼容性問題,待實際測試后補充下。
html5開發(fā)工具有哪些
HTML5VisualCheatSheet
該工具包括所有HTML4或5支持的相關屬性和標簽,簡單可視化的網(wǎng)格將協(xié)助你快速找到相關標簽或屬性。
Modernizr
Modernizr是一個用來探測瀏覽器是否支持某種新特性的JavaScript庫,使用它可以節(jié)約很多代碼及測試工作量,甚至可以對一些不支持新特性的瀏覽器通過額外加載腳本的形式來實現(xiàn)相應的新特性。
LimeJS
如果你想為臺式機和觸摸屏設備創(chuàng)造出驚人的游戲,那么LimeJS這個HTML游戲框架是一個很好的選擇。此外,該工具可以幫助您在觸摸屏設備創(chuàng)建HTML5網(wǎng)站。
FlashtoHTML5Online
該工具可以將Flash文件轉換成HTML5文件,允許你在支持HTML5的瀏覽器中使用Flash動畫文件,從而不需要安裝Flash播放器。
HTML5Tracker
網(wǎng)站開發(fā)者了解最新的技術是必要的,通過使用該工具可以跟蹤HTML5最新修訂信息。
OnlineHTML5AudioMaker
要想使用各種最新的音頻功能,OnlineHTML5AudioMaker可以幫你實現(xiàn),該工具可以為不同瀏覽器提供音頻解決方案,針對不同的瀏覽器使用不同的音頻格式。
LungoJS
移動應用的發(fā)展是網(wǎng)絡發(fā)展一個重要組成部分。該工具包括CSS3、HTML5和JavaScript的全部功能,它可以幫助你為iOS、Android、BlackBerry等系統(tǒng)移動設備開發(fā)應用。
Initializr
Initializr是個網(wǎng)站模板生成器,使用它提供的特色模板可以快速生成網(wǎng)站,也可以自定義模板。Initializr是初學者快速創(chuàng)建網(wǎng)頁的最佳工具。
FontDragr
使用該工具可以在不需要更改代碼的情況下為網(wǎng)站選擇合適的字體。在網(wǎng)站加載該工具后,將“fontdragr”按鈕拖到瀏覽器書簽欄中,在瀏覽其他網(wǎng)頁時,點擊該書簽,頁面頂部出現(xiàn)fontdragr工具欄,將字體文件拖到此工具欄中即可改變網(wǎng)頁中的字體。
HTML5Demos
這個工具可以告訴你每一個HTML5特性在哪些瀏覽器中支持,它把演示和示例結合在一起,用戶可以點擊支持的瀏覽器的圖標或者技術標簽來過濾示例。
歡迎補充~~
HTML5手機端頁面縮放問題應該如何解決
做一個h5移動端項目首先要做好適配
一般在h5頭部聲明一下。
<metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
上面的意思就是寬度為屏幕的寬度,縮放比例是1,不允許調整縮放比例,最小縮放比例是1,最大縮放比例是1.
然后配合rem來適配各種手機的類型。
1.利用rem跟vw來做適配
2.利用rem跟根元素的font-size適配
我選擇的是第二種,動態(tài)計算html根元素的font-size然后配合rem使用。可以兼容各種手機。
用手機怎么編寫HTML5
WebEditorLite就行,一個手機上專門用于編寫HTML的APP軟件,免費、輕巧、靈活,下面我簡單介紹一下這個軟件的安裝和使用:
1.首先,下載安裝WebEditorLite,這個直接在手機應用商店中搜索就行,如下,大概也就431K:
2.安裝完成后,打開這個軟件,主界面如下,主要分為3部分,分別是“NewFile(新建文件)”、“OpenFile(打開文件)”和“AboutAPP(關于APP)”:
這里我們點擊“NewFile”,新建一個文件,這里支持HTML、JavaScript、CSS、PHP和Text5種類型文件的編寫,如下:
3.點擊HTML進去,就可以直接在里面編寫HTML5程序了,如下,這里會自動將標簽和屬性標注為高亮顯示出來,非常不錯:
編寫完成后,點擊右上角的保存按鈕,即可保存到手機上,非常方便(如果需要在線運行代碼的話,需要安裝一下插件才行):
至此,我們就完成了在手機上編寫HTML5程序。總的來說,WebEditorLite這個手機軟件使用起來還不錯,只要你熟悉一下環(huán)境,多操作幾遍,很快就能掌握使用的,偶爾作為閑暇使用一下還不錯,如果真的搞開發(fā)的話,建議還是在電腦端進行,編寫、調試代碼更方便,希望以上分享的內(nèi)容能對你有所幫助吧,也歡迎大家評論、留言補充。
END,本文到此結束,如果可以幫助到大家,還望關注本站哦!