首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用安卓 WebView 做一个“套壳”应用

脚本 webView.getSettings().setJavaScriptEnabled(true); // 确保跳转到另一个网页时仍然在当前 WebView 显示...点击绿色播放键(三角形),然后 Android Studio 会自动帮我们编译并在虚拟机 ? 启动我们的应用。...3.3 接管返回键 默认情况下,在这个只有的 WebView 应用无论什么页面触发返回(按键或手势)都是会直接退出应用的,当然这肯定不是我们想要的效果。...一般来说应用触发返回操作应该是返回到上一个浏览的页面,没有上一个页面时才会退出应用。...「默认不支持明文传输」, WebView 中加载 HTTP 网页会报 net::ERR_CLEARTEXT_NOT_PERMITTED 的错误,不方便本地进行调试。

9.7K13

H5 手机 App 开发入门:技术篇

混合技术栈:页面本身就是网页,默认 WebView 显示。 跨平台技术栈:提供一个 WebView 的语法,编译的时候将其换成原生的 WebView。...3.2 Android Studio 安卓的官方开发工具是 Android Studio,可以去官网下载。 ? 安装完成后,打开新建一个项目,类型是"Empty Activity"。 ? ?...上面红框处的代码,就是页面上添加并设置 WebView 实例,指定生成视图的时候(onCreate()),WebView 实例去加载外部网页。...运行代码之前,Android Studio 要求必须连接真机,或安装安卓模拟器。完成以后后,工具栏上点击运行按钮,就可以运行代码查看效果了。 ? ?...上面代码,由于页面本身就是网页,所以可以直接用iframe标签插入外部网页。 然后,本机起一个 Web 服务,看看 Demo 的效果。

6.6K41
您找到你想要的搜索结果了吗?
是的
没有找到

解决webview内的iframe的事件不可用的问题

最近做AndroidWebview开发,使用iframe嵌入了很多页面,嵌入的页面不可用,最后发现是 webView.setWebViewClient(new WebViewClient() {...补充知识:Android 原生WebView访问使用iFrame网页问题(页面找不到了) 问题: 项目使用原生WebView访问使用了iFrame的网页出现的问题,列表页使用iFrame跳转到淘宝客的地址...但列表页跳转过去总是提示“页面找不到了”,尝试很多方法,最终发现是WebView对第三方Cookie支持的问题。...webView, android.webkit.ValueCallback<Uri[] filePathCallback, FileChooserParams fileChooserParams)...内的iframe的事件不可用的问题就是小编分享给大家的全部内容了,希望能给大家一个参考。

2K20

Android scheme呼起App

所以一般呼起App的页面都会延迟自动跳转下载页,无论有没有成功呼起App,这也是迫不得已 除了页面发出请求,还有一种更强的方式:通过应用发出请求,例如: // 通过webview发出请求 webview.loadUrl...(mySchemeUri); 这个起点就是应用级,比WebView页面请求要强一些。...+只触发WebResourceRequest request形式的,所以兼容考虑,两个都要重写一遍 对于满足过滤条件的,拦截掉,所以微信里无法呼起App,因为不在白名单里,被拦截下来,没有交给系统广播...在被拦截的情况下,iframe方式的优势就体现出来了,a.href和location.href都会导致页面跳转,显示“网页无法打开…因为net::ERR_UNKNOWN_URL_SCHEME”,而iframe...写在最后 Android Studio实在太慢了,怀念eclipse, 参考资料 Android 通过网页打开自己的APP(scheme) Android安全开发之浅谈网页打开APP 附iOS通过自定义的

1.6K20

【Flutter】手机应用类型 ( Android | iOS | Native 应用 | Web 应用 | Hybrid 应用 | ReactNative 应用 | Flutter 应用 )

/ iOS , 各自开发本平台的应用 ; Android 使用 Android Studio 开发环境 , Java / Kotlin / C / C++ 语言 , 开发 Android 平台的应用.../ 浏览器 Android / iOS 手机展示网页 , 如 PhoneGap 技术 , 该技术属于网页的前端开发 , 会绘制渲染效率受 WebView 或 浏览器内核 限制 ; 开发使用的技术就是网页前端相关技术..., JavaScript + HTML5 + CSS ; 写出移动端的页面浏览器 / WebView 上运行 ; 浏览器 与 WebView 性能不是很高 , 优化到极限 , 也比不上 Native..., 只需要一个前端团队 更新快 , 更新应用 , 只需要在后台服务器 ( Tomcat ) 部署最新程序即可 , 与发布网站原理一样 , 不需要经过用户手动安装 跨平台 , 开发后可以 Android..., iOS , Windows , Linux , Mac , 嵌入式设备 , 等有浏览器的设备上运行 缺点 : 性能低 , 受浏览器 / WebView 性能限制 资源服务器 , 受网络限制 无法访问原生设备

1.6K30

开发一个属于自己的app

01、 准备工作 开发自己app之前,我们要做一下准备工作,搭建一下环境。 1、java运行环境,并配置环境变量。 2、安装Android studio开发者工具。...02、 新建一个app 准备工作做好了,那我们来新建一个空模板app: android Studio中新建一个,设置好 Application name和Company domain后,下一步(next...生效 //webSettings.setSupportZoom(true); //webSettings.setBuiltInZoomControls(true); // 如果页面链接...,如果希望点击链接继续在当前browser响应, // 而不是新开Android的系统browser响应该链接,必须覆盖webview的WebViewClient对象 browser.setWebViewClient...将里面原有的TextView标签删掉,然后加入,如图 <WebView android:id="@+id/Toweb" android:layout_width="fill_parent" android

78240

移动端网页调试方案

本文作者:IMWeb xychxbb 原文出处:IMWeb社区 未经同意,禁止转载 移动端调试方案 页面容器 移动设备上的各种浏览器 各类app内的webview debug方案 Android端...微信平台 微信iOS端是采用wkwebkit进行渲染的,Android平台采用的是x5内核 debug方案 Android端 由于移动端网页开发不能直接打开developer tools,导致我们调试起来稍微麻烦...代理主机名为你的笔记本局域网下的ip地址,端口号charles软件proxy->proxy settings设置 代理设置好后Android设备可能需要关闭wifi再重新打开wifi代理才能生效...js脚本,anonymous是appid,你可以自定义 html [removed][removed] chrome浏览器打开地址,选择elements和console监测页面 weinre结果 其他方案...还有,如app容器是你自己开发的,Android studio是会在log里打印出console信息的。 附录:ES6标准兼容情况 我们简单分下情况: 一般来说你需要用到的大部分ES6特性。

1.2K30

前后端高效协作开发的11条建议

移动端远程调试、vConsole、TBS Studio 因为移动端的开发无法像 pc 端开发一样使用 Chrome 的开发者调试工具,所以调试移动端需要一些额外的技巧。...移动端应用一般都运行在微信浏览器webview 、手机浏览器。...以 Android 为例,可以将 webview、 ChromeforAndroid 页面映射到 pc 端的 ChromeDevTools,然后就可以 pc 端调试移动端的页面了。...vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板( chrome 开发者工具的便利实现)。 这个是内嵌的页面当中的便捷调试器,基本上能够满足一般的需要远程调试的页面。...TBS Studio 因为微信浏览器是定制的浏览器,一般的远程调试方式都不可用,需要配合特定的工具,如微信开发者工具。

73510

Android开发笔记(六十四)网页加载与JS调用

内置浏览器 网页视图WebView 如果一个网站已经有现成的网页及业务逻辑,那么使用WebView将其内嵌到app,省去了app重画页面与http通信的事情,无疑是更经济的做法。...因为WebView加载网页是异步的,所以loadUrl方法调用js无法直接获得返回值。多数情况只能在js代码回调Android方法,从而间接获取Android调用js的返回值。...具体的解决方法,是调用WebView对象的post方法,post的Runnable任务再去调用js方法,示例代码如下: private final class Contact { //网页的...对于Android开发来说,PhoneGap其实就是assets下面新建了www目录,然后入口Activity通过嵌入WebView来加载www下的html页面,接下来就是各个html之间互相跳转,...Cordova 虽然PhoneGap号称跨平台,但是html5+js也只能完成网站那样的网页操作,却无法直接操作手机设备的功能。

6.3K10

移动端网页调试方案

移动端调试方案 移动端调试方案 页面容器 移动设备上的各种浏览器 各类app内的webview debug方案 Android端 iOS端 跨平台 抓包工具Charles 调试工具weinre...微信平台 微信iOS端是采用wkwebkit进行渲染的,Android平台采用的是x5内核 debug方案 Android端 由于移动端网页开发不能直接打开developer tools,导致我们调试起来稍微麻烦...代理主机名为你的笔记本局域网下的ip地址,端口号charles软件proxy->proxy settings设置 ?...浏览器打开地址,选择elements和console监测页面 ?...还有,如app容器是你自己开发的,Android studio是会在log里打印出console信息的。 附录:ES6标准兼容情况 我们简单分下情况: 一般来说你需要用到的大部分ES6特性。

1.7K20

Android 12的行为变更和版本兼容思路

您的应用程序测试SameSite行为 如果您的应用程序使用WebView,或者如果您管理使用Cookie的网站或服务,则建议您在Android 12 WebView上测试流程。...监视登录和嵌入内容的问题,以及登录流程,购买流程和其他身份验证流程,在这些流程,用户从不安全的页面开始,然后过渡到安全的页面。...注意:由于已知问题会影响Android 12 Developer Preview 1WebView,因此您目前无法Android 12上启用或测试Schemeful Same-Site更改。...您可以通过以下操作Android Studio内部设置模拟器: 安装最新的Android Studio预览版。 Android Studio,点击工具> SDK管理器。...Android Studio,点击工具> AVD管理器,然后按照说明创建新的Android虚拟设备(AVD)。

4.4K10

AndroidWebView的基本配置与填坑记录大全

前言 应用程序开发过程,经常会采用webview来展现某些界面,这样就可以不受发布版本控制,实时更新,遇到问题可以快速修复。...但是Android开发,由于Android版本分化严重,每一个版本针对webview都有部分更改,因此开发过程中会遇到各种各样的坑,下面这篇就来给大家介绍关于AndroidWebView的基本配置与填坑记录...关于这个问题,我很难给你一个清晰的描述,你谷歌里搜 webview lead memory 能搜到很多结果 甚至还有给谷歌提交的issue 哈哈,我也无法给出一个清晰的答案 什么时候 什么版本那些手机上一定会出现内存泄露...这个可能很少有人知道,我也是被投诉过 才了解,在有的手机里,你如果webview加载的html里 有一些js 一直执行比如动画之类的东西,如果此刻webview 挂在了后台 这些资源是不会被释放 用户也无法感知...很多人都想要一个效果:网页更新cookie 设置完cookie以后 不刷新页面即可生效。

2.5K20

混合开发之WebView秘笈

加载一个网页webView.loadUrl("http://www.google.com/"); //方式2:加载apk包的html页面 webView.loadUrl("file:///android_asset..., 而是WebView显示;在网页上的所有加载都经过这个方法,这个函数我们可以做很多操作。...这里值得提起的是,我们经常在app里用WebView展示页面时,并不想让用户觉得他是访问一个网页。因为倘若我们的app里网页非常多,而我们给用户的感觉又都像在访问网页的话,我们的app便失去了意义。...这里我的思路是,开启缓存的前提下,WebView加载页面时检测网络变化,倘若在加载页面时用户的网络突然断掉,我们应当更改WebView的缓存策略。...第三个,就是延迟加载和执行js WebView,onPageFinished()的回调意味着页面加载的完成。

1.9K30

Android8.0、9.0、10.0、11.0的新特性兼容适配代码修改

Android Studio开发实战 从零基础到App上线(第2版)》书后面的附录给出了Android8和Android9的主要特性说明,附录表格如下图所示: 不过附录表格只涵盖了常见的功能代码适配...2、普通应用不允许修改系统设置 也就是Android8.0之后无法再调用系统设置的修改方法Settings.System.putInt,像原来代码里调整屏幕亮度的办法就不再适用了。...其它无法访问网络图片、无法打开网页无法下载APK等问题,均可照此办理。或者直接把http换成https也行。...3、Android11默认WebView不能访问存储卡上的网页 build.gradle采用Android11编译时(targetSdkVersion 30),WebView无法访问存储卡的网页文件...Android10及以下版本,该值默认为true,但从Android11开始该值默认为false。 设置代码示例如下: // 设置是否允许访问文件,如WebView访问存储卡的文件。

98720

Android项目中接入腾讯TBS浏览器WebView的教程与注意的地方

腾讯TBS浏览器服务 我们都知道,Android开发,经常会用到Webview,而且WebView是出了名的坑的,各种bug。这时候腾讯老哥站出来了,搞了一个TBS浏览器服务这个东西。...特殊功能: 速度快:相比系统webview网页打开速度有30+%的提升; 省流量:使用云端优化技术使流量节省20+%; 更安全:安全问题可以24小时内修复; 更稳定:经过亿级用户的使用考验,CRASH...controller的网页上,视频切换全屏和全屏切换回页面内会出现视频窗口透明问题,需要在activity的style进行如下设置: <!...额外的视频播放器 没错,这货还提供了一个视频播放的功能,下面官方的说明: TBS不仅提供了强大的网页浏览功能,更提供了强大的页面H5视频播放支持,播放器同时支持页面,小窗,全屏播放体验,强大的解码能力...如果使用的是Android Studio: 1、打开对应module的build.gradle文件,文件的android{}的defaultConfig{}里(如果没有defaultConfig{

3.8K20

AndroidWebView 应用模版 ( WebView 设置 | 设置 WebSettings | 启用调试模式 | 设置 WebChromeClient )

, 否则大部分网页无法使用 ; settings.javaScriptEnabled = true // 支持 JavaScript 启用 DOM 存储 DOM 存储是一种 Web 应用程序存储数据的机制...Viewport 元标记是指在 HTML 页面的 标签,可以设置网页移动端设备上的显示方式和缩放比例。...// 设置页面自适应 // Viewport 元标记是指在 HTML 页面的 标签 , 可以设置网页移动端设备上的显示方式和缩放比例 // 设置是否支持...宽视图端口模式下,WebView 会将页面缩小到适应屏幕的宽度。 这意味着用户浏览网页时无需进行横向滚动,但可能会使网页缩小得过多,影响可读性。...// Viewport 元标记是指在 HTML 页面的 标签 , 可以设置网页移动端设备上的显示方式和缩放比例 // 设置是否支持 Viewport

2.9K20

Android Studio调试Framework层代码

Android程序员不得不知的调试技巧。 本文以webview loadUrl和域名解析为例,介绍配合使用LLDB和Android Studio调试Framework代码的技巧。...java 层调试 首先需要把AOSP源码导入到Android Studio,如果是macOS系统可以参考这篇文章。 导入后如下图所示: ?...---- C++层调试 Android Frameworknative代码的调试方法采用的是 2.2以上版本的Android Studio配合LLDB调试器。...打断点 我getaddrinfo.c的getaddrinfo方法处打一个断点,看看webview加载网页时的域名解析会不会走到这里。 ?...,这样我们就可以进一步了解webview加载网页时域名解析的过程了。 ? 让我们看看其他线程干啥,整个世界都停止了。 ? ? ?

4.6K51

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券