【一起来烧脑】读懂WebApp知识体系

【一起来烧脑】读懂WebApp知识体系

背景很多小白知道什么是app,但是却不知道什么是webapp呢,webapp是指用HTML5编写的移动web应用

一个webapp可以在pc端,Android端,ios端进行运行

webapp开发的优点就是一套代码到处运行,缺点就是某些底层功能缺失,运行速度不如原生APP。

WebApp 创建安卓应用保证电脑中可以看到手机。

在安卓系统中设置开发者选项为启用USB调试。

WebApp 打包HTML5创建webView组件-用于显示网页内容

代码语言:javascript代码运行次数:0运行复制//创建浏览器核心对象

WebView wv = new WebView(this);

//窗体中体检webview组件

this.setContentView(wv);使用webView加载APK文件中打包好的本地网页

代码语言:javascript代码运行次数:0运行复制//出于安全考虑,webview默认禁用了js,必须要启用

wv.getSettings().setJavaScriptEnabled(true);

//加载本地的html文件

wv.loadUrl("file:///android_asset/hybrid.html");代码语言:javascript代码运行次数:0运行复制//获取到网络使用权限

wv.loadUrl("http:www.baidu.com");WebViewClient框架

代码语言:javascript代码运行次数:0运行复制wv.setWebViewClient(new WebViewClient(){

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);

return super.shouldOverrideUrlLoading(view, url);

}

});WebApp 框架

jQuery框架

jQuery是一个js函数库

jQueryUI框架

jQueryUI是一个HTML组件库

Bootstrap框架

BootStrap是一个HTML/CSS/JS框架

AngularJS框架

Google AngularJS是一个JS框架,改变了网页的编写方式

jQueryMobile框架

jQueryMobile是一个HTML组件库

WebApp jQueryMobile

jQuery Mobile 可以应用于智能手机与平板电脑

jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页

代码语言:javascript代码运行次数:0运行复制 ← 究竟侍魂胧月传说章鱼在哪?章鱼怎么获得 《异武邪神》章节列表 →

相关文章

best365手机官方 为什么山中会出现幻影

为什么山中会出现幻影

🗓️ 09-18 👁️ 2024
best365手机官方 京东白条关闭全攻略:3步彻底注销,5个替代方案防征信留痕
best365手机官方 英雄联盟(LOL)玩家必看,多久会离线?深度解析游戏离线机制
best365手机官方 十个实用的小物件

十个实用的小物件

🗓️ 09-22 👁️ 8743
365bet返水多少 Dota2Noone是谁 NaVi战队二号位Noone介绍
best365手机官方 步步高X9S(解锁智能生活的新选择,探索步步高X9S的无限可能)