HTML5开发

1.HTML5应用的特点:
优点

跨平台(ios和安卓都能用同一套)
低成本(开发成本低)

能够快速响应市场需求(服务器端已修改，客户端马上就会显示出效果，不用更新app)  统计页面停留时间

很多app使用内嵌web页面，减少app开发难度.

缺点

执行效率DOM树(html节点)javascript代码执行效率比较低网络(还有获取页面布局和排版，消耗的网络资源多一点)
应用程序的特性 资讯类  展示类

策略

扬长避短
混合开发(应用中小部分是网页功能,这些页面全部都是H5，把活动链接放上去，网页游戏，使用webview控件加载网页)
       原生开发+小部分H5页面

2.简易浏览器开发前进后退刷新:

判断url是否为空？如果地址栏有内容就加载，否则就加载默认页面;
启动tomcat服务器软件;
学习的是WebView里面的常用方法；

WebView是一个可显示网页的控件，使用Webkit引擎(排版引擎)。


loadUrl(String url)     加载一个链接

canGoBack()/canGoForward() 是否可以前进/后退
goBack() /goForward()     前进/后退(要首先进行判断是否可以前进和后退)
reload() /stopLoading() 刷新/停止加载    记住刷新方法   功能是:重新加载次页面

zoomIn() /zoomOut()     缩放
addJavascriptInterface(Object obj, String interfaceName)支持javascript效果
setWebViewClient(WebViewClient client) 设置WebViewClient
getSettings()             获得WebSetting，通过它进行webview设置
pageDown(boolean bottom) /pageUp(boolean top)向上翻页、向下翻页
getTitle() /getFavicon() 获得网页标题、图标

capturePicture()         截图

// 设置Javascript可用
mWebView.getSettings().setJavaScriptEnabled(true);
WebSettings mWebSettings = mWebView.getSettings();
mWebSettings.setBuiltInZoomControls(true);
mWebSettings.setSupportZoom(true);
// 加载URL，但是不会显示。
mWebView.loadUrl(url);

--------------------------------->
为什么要设置webView.setWebViewClient(webViewClient);

想要webview加载页面,只需webView.loadUrl("http://m.baidu.com");
    此时点击网页里的超链接,会弹出多个浏览器选择,但是我们想要在自己的应用中打开连接,就需要设置WebViewClient
--------------------------------->
出现了页面超出屏幕的现象，怎么解决？

//因为webview有非常多的设置，所以设计上将设置都抽取到WebSettings类中了。对webview的显示进行控制
    WebSettings settings = webView.getSettings();
    //添加缩放控制按钮
    settings.setBuiltInZoomControls(true);
但是这样解决存在bug，一旦缩放控件显示了，就会造成无法处理触摸事件！
--------------------------------->
//设置布局算法、布局算法。单列模式   文字缩放模式
    settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
--------------------------------->
tomcat启动startup.bat一闪而过
遇到很多次运行startup.bat后，一个窗口一闪而过的问题，但是从来没去纠正怎样修改配置才是正确的，现在从网上查阅的资料整理如下：
tomcat在启动时，会读取环境变量的信息，需要一个CATALINA_HOME 与JAVA_HOME的信息，CATALINA_HOME即tomcat的主目录，JAVA_HOME即java安装的主目录，jdk的主目录。

首先，要在环境变量处，配置JAVA_HOME，注意变量值是jdk的主目录，不是bin目录，并且不要加分号，如图：

1)只有把服务器启动起来，才能进行访问其中的页面！
2)默认的访问页面是index.html  :http://192.168.0.101:8080/   本机的ip地址+tomcat的端口号
3)每一个module都要在本身的清单文件中，添加网络访问权限！

3.页面版式与Useragent:
如果不对webview进行设置，页面就会超出屏幕，用户体验不好!
所有的页面板式 都是在WebSettings对象中进行设置！
Useragent:用户代理,主要是用来做什么的啊？
设置了Useragent，效果是什么呢？

4.显示加载进度条:
5.显示favicon:
6.java和javascript相互调用:
7.WebChromeClient的js事件:
8.HTML5音视频:
9.HTML5离线存储与表单:
10.HTML5定位:
11.HTML5画布与SVG:
12.PhoneGapDemo演示:
13.PhoneGap添加联系人例子:
14.PhoneGap插件开发:


HBuilder工具写js代码比较方便；