WebView 实现JS效果和a标签的点击事件
2016-12-08 00:00
701 查看
摘要: WebView 与网页的使用
目前很多android app都可以显示web页面的界面,嵌入式开发,这个界面一般都是WebView这个控件加载出来的,学习该控件可以为你的app开发提升扩展性。
先说下WebView的一些优点:
可以直接显示和渲染web页面,直接显示网页
webview可以直接用html文件(网络上或本地assets中)作布局
和JavaScript交互调用
网页标签的点击事件
效果:(网页顶部是JS效果滚动,4个模块可以实现点击事件,可看到信息提示)
![](https://static.oschina.net/uploads/img/201802/05112938_iYgf.gif)
记得加网络权限
源码点击下载:https://github.com/DickyQie/android-webview
目前很多android app都可以显示web页面的界面,嵌入式开发,这个界面一般都是WebView这个控件加载出来的,学习该控件可以为你的app开发提升扩展性。
先说下WebView的一些优点:
可以直接显示和渲染web页面,直接显示网页
webview可以直接用html文件(网络上或本地assets中)作布局
和JavaScript交互调用
网页标签的点击事件
效果:(网页顶部是JS效果滚动,4个模块可以实现点击事件,可看到信息提示)
![](https://static.oschina.net/uploads/img/201802/05112938_iYgf.gif)
public class MainActivity extends Activity { public String URL = "http://bajie.zhangwoo.cn/app.php? platform=android&appkey=5a379b5eed8aaae531df5f60b12100cfb6dff2c1&c=travel&a=home"; WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = (WebView) findViewById(R.id.webview); webView.loadUrl(URL); initView(); } @SuppressLint("SetJavaScriptEnabled") private void initView() { // TODO Auto-generated method stub webView.requestFocus(); webView.setHorizontalScrollBarEnabled(true); webView.setVerticalScrollBarEnabled(true); WebSettings web = webView.getSettings(); web.setJavaScriptEnabled(true);// 启用支持javascript web.setBuiltInZoomControls(true); web.setSupportZoom(true); // 是否支持屏幕双击缩放,但是下边的是前提 web.setDefaultTextEncodingName("utf-8");// 设置编码格式 // 覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开 webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub // 返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器 if (url.indexOf("zwapp://showlist/?tab=zhoubian") != -1) { Toast.makeText(getApplicationContext(), "周边游", 1).show(); } else if (url.indexOf("zwapp://showlist/?tab=gonglue") != -1) { Toast.makeText(getApplicationContext(), "旅游攻略", 1).show(); } else if (url.indexOf("zwapp://showlist/?tab=zhaiguo") != -1) { Toast.makeText(getApplicationContext(), "摘果", 1).show(); } else if (url.indexOf("zwapp://showlist/?tab=gongyuan") != -1) { Toast.makeText(getApplicationContext(), "主题公园", 1).show(); } else { } return true; } }); } }
记得加网络权限
<uses-permission android:name="android.permission.INTERNET"/>
源码点击下载:https://github.com/DickyQie/android-webview
相关文章推荐
- WebView 实现JS效果和a标签的点击事件
- JS交互点击WKWebView中的图片实现预览效果
- JS交互 点击WKWebView中的图片实现预览效果
- iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- 进击的KFC:iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- WebView 实现JS效果和a标签的点击事件
- WebView用法与JS交互(2) 响应webview中的图片点击事件
- android webview js交互, 响应webview中的图片点击事件
- 调用js代码获取webView页面中的所有图片及点击事件
- Android 中 WebView 与 js 简单交互实现图文混排效果,解决图片自适应屏幕与查看大图问题
- android webview js交互, 响应webview中的图片点击事件
- android webview js交互, 响应webview中的图片点击事件
- android webview js交互, 响应webview中的图片点击事件
- js实现冒泡事件,点击ul给子标签添加相同事件和阻止冒泡事件
- Android WebView JS交互之响应WebView中的图片点击事件
- android webview js交互, 响应webview中的图片点击事件
- android webview js交互, 响应webview中的图片点击事件
- android webview js交互, 响应webview中的图片点击事件
- webView图片点击可以实现预览效果
- android webview js交互, 响应webview中的图片点击事件