webView 网页 缩放

简介: 引用:http://hi.baidu.com/chatcoco/blog/item/ac6b2818f51868dea6866971.html webView=(WebView)findViewById(R.

引用:http://hi.baidu.com/chatcoco/blog/item/ac6b2818f51868dea6866971.html

webView=(WebView)findViewById(R.id.browser);//其中r.id.browser 是 layout/xx.xml 中的 webview

webView.getSettings().setJavaScriptEnabled(true);//支持js

WebSettings ws=webView.getSettings();ws.setUseWideViewPort(true);//让浏览器支持用户自定义view

webView.setInitialScale(39);//这个就是重点,你可以在这里根据需求来设置缩放比例

其中竖屏时39,横屏时57.

也可以 通过zoomIn(); zoomOut();两方法来实现放大和缩小

对于scrollview 中嵌套 webview 导致 webview 中的锚点链接失效的解决方法:

 

WebView 有一个方法web.setWebChromeClient ();用来监控页面的JS事件,包括alert confirm

(1)       继承WebChromeClient重写onJsAlert方法,目的是为了在页面中获取锚点的横纵坐标,通过jsalert传输坐标数据,这样onJsAlert方法就可以捕获到数据

(2)       定义全局变量,获取ScrollView实例

(3)       onJsAlert中通过ScrollViewscrollTo方法进行滚动条定位



注:webView 默认是把网页放大120%左右的,把webView.setInitialScale(100);//

就又回到了设置的图片宽度与手机屏幕对应起来了

比如480*800的手机图片设置为480就宽里满屏了

相关文章
|
Android开发 iOS开发
iOS 替换WebView网页图片为本地图片
iOS 替换WebView网页图片为本地图片
269 0
|
Web App开发 Android开发
|
5月前
|
Android开发 UED Kotlin
kotlin webview 加载网页失败后如何再次重试
在Kotlin中,当使用WebView加载网页失败时,可通过设置WebViewClient并覆盖`onReceivedError`方法来捕获失败事件。在该回调中,可以显示错误信息或尝试使用`reload()`重试加载。以下是一个简要示例展示如何处理加载失败
|
5月前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
|
5月前
|
JavaScript 前端开发 Android开发
kotlin安卓在Jetpack Compose 框架下使用webview , 网页中的JavaScript代码如何与native交互
在Jetpack Compose中使用Kotlin创建Webview组件,设置JavaScript交互:`@Composable`函数`ComposableWebView`加载网页并启用JavaScript。通过`addJavascriptInterface`添加`WebAppInterface`类,允许JavaScript调用Android方法如播放音频。当页面加载完成时,执行`onWebViewReady`回调。
|
5月前
|
Web App开发 移动开发 前端开发
52. 【Android教程】网页视图:WebView
52. 【Android教程】网页视图:WebView
93 1
|
5月前
|
安全 网络安全 API
kotlin安卓开发JetPack Compose 如何使用webview 打开网页时给webview注入cookie
在Jetpack Compose中使用WebView需借助AndroidView。要注入Cookie,首先在`build.gradle`添加WebView依赖,如`androidx.webkit:webkit:1.4.0`。接着创建自定义`ComposableWebView`,通过`CookieManager`设置接受第三方Cookie并注入Cookie字符串。最后在Compose界面使用这个自定义组件加载URL。注意Android 9及以上版本可能需要在网络安全配置中允许第三方Cookie。
|
小程序 开发工具 Android开发
微信小程序 - webview 动态加载(网页) 以及加载域名的限制
微信小程序 - webview 动态加载(网页) 以及加载域名的限制
703 0
|
移动开发 小程序 Android开发
小程序webview内网页实现微信支付
小程序webview内网页实现微信支付
785 0
|
移动开发 小程序 Android开发
小程序webview组件,小程序和webview交互,小程序内联h5页面,小程序webview内网页实现微信支付
小程序webview组件,小程序和webview交互,小程序内联h5页面,小程序webview内网页实现微信支付
275 0

热门文章

最新文章