Hybrid开发之webview发生偏移的解决办法

1、在手机上打开“设置|开发者选项 | USB调试”。

2、在App内点击该WebView页面链接会触发WebViewClient#shouldOverrideUrlLoading()方法，解析如下：如上所示，和常规的URL Scheme解析同理，注意shouldOverrideUrlLoading()的版本兼容。

3、有过混合应用开发经验的同学，对基于WebView的Hybrid开发模式应该不会陌生。借助于原生端各平台的WebView组件，可以实现Native和Javascript的双向通信，从而将Web App与Mobile App融合起来，开启混合开发的新模式。

ionic框架优缺点?

使用Ionic框架，可以有效利用AngularJs的特性，极大的提供HTML5应用开发效率，质量，模块化程度。

ionic框架Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

Ionic Ionic 是个神奇的框架和强大前端开源系统，使用先进的Web技术，比如CSS、HTML 和 JS 来创建令人惊叹的手机应用。Foundation Foundation 是世界上精妙的前端响应框架，同时，它可以兼容所有的浏览器和网络设备。

Ionic不能完全取代PhoneGap和Javascript框架的作用，但是它在前端的交互设计功能十分强大。这个框架除了带有SASS服务和各种各样的AngularJS拓展（可选）之外，还有大量的组件。对于开发工具来说，速度也是一个重要的因素。

跨端开发面面谈之基于WebView的Hybrid开发模式

1、跨终端移动开发是近期准备总结的一个主题，作为这一系列的开始，首先简单说说基于WebView的Hybrid混合开发模式。有过混合应用开发经验的同学，对基于WebView的Hybrid开发模式应该不会陌生。

2、Hybrid是半Native半Web开发模式，充分利用H5的跨平台、快速迭代能力以及Native的流畅性、系统API调用能力，具有可复用性高、开发成本低、跨平台开发的特点。

3、HybridApp主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。HybridApp兼具了NativeApp良好用户体验的优势，也兼具了WebApp使用HTML5跨平台开发低成本的优势。

4、Hybrid App（混合模式移动应用）是指介于web-app、native-app这两者之间的app，兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。

5、主要的原理是，由Native通过JSBridge等方法提供统一的API，然后用Html+Css实现界面，JS来写逻辑，调用API，最终的页面在Webview中显示，这种模式下，Android、iOS的API一般有一致性，HybridApp所以有跨平台效果。