在原生应用上调试H5

最新推荐文章于 2021-10-10 17:59:55 发布
最新推荐文章于 2021-10-10 17:59:55 发布
阅读量250 收藏
点赞数
分类专栏： Android 文章标签： webview debug

同事分享的一个方法。记下来。

https://www.jianshu.com/p/ebd9736ad274

android 端修改

webView.setWebContentsDebuggingEnabled(true);

选择android studio debug

电脑浏览器使用

打开这个网址，选择设备+web应用就可以了。

chrome://inspect/#devices

雨声不在
关注
专栏目录
H5工程师在谷歌浏览器调试并开发原生APP项目的解决办法
孙叫兽的博客
11-17 1566
背景：项目是前后端分离，我想在浏览器调试项目，工具使用HB-X。密码是不可输入状态。 1.login.html在HB-X中运行到谷歌浏览器页面。按F12进入调试模式。 2.密码做了安全防御，不能直接输入，我们在控制台进入。定位到password的id。 回车 3.在source中，Ctrl+f输入ajax找到密码输入的位置，找success位置，打个断点。 4.点击登陆，拿到token，复制到本地plugin.js中，替换uuid.,在HB-X中使用ctr+f检索..
Flutter+原生开发与H5+原生开发的区别在哪里？
02-10 3048
为什么要使用Flutter? 跨平台技术简介 Hybrid技术简介 QT简介 Flutter简介 为什么要使用Flutter? Flutter有什么优势？它可以帮助你： 1、提高开发效率 2、同一份代码开发iOS和Android 3、用更少的代码做更多的事情 4、轻松迭代 5、在应用程序运行时更改代码并重新加载（通过热重载） 6、修复崩溃并继续从应用程序停止的地方进行调试 7、创建美观，高度定制的...
Android的原生APP如何调试嵌入的H5页面
yeluofengchui的博客
06-22 9153
前言 现在原生app中混合web页面这种方式用的场景越来越多，app的原生代码很容易使用android studio进行debug调试，web页面在Chrome浏览器中F12打开开发者工具，也非常方便调试web页面。但是嵌入在app中的web页面如何调试代码呢？ 使用混合开发WebView调试必备神器DevTools。 使用DevTools进行调试 准备工作 1.设置Webview调试模式 可以在...
Android原生主动调用H5方法
professionIT的博客
01-18 3747
1、添加方法 mWebView.addJavascriptInterface(new JsInterface(), "android"); 2：android中的写法，下面这段很重要 String path = "http://test123.html"; String method = "javascript:displayImg('" + path + "')"; mWebView.l...
H5实现APP和原生方式有多大差距，多少坑？JS才是王道！
mojingxuan的博客
07-15 8483
纯H5的APP，虽然开发起来要比纯原生开发畅快的多，但最终效果和性能还是和原生比起来还是有很多问题，主要聚集在以下几个方面： 1、动画 动画有很多种，比如侧边栏菜单的滑入滑出、元素的响应动画、页面切换之间的过场等等，在H5之下的众多实现方法都没有办法达到纯原生的性能。一般有这几种不同的选择：css3动画，javascript动画，原生动画。 css3动画非常的消耗性能，如果某一个
h5 与原生 app 交互的原理
weixin_33937499的博客
10-22 490
h5 与原生 app 交互的原理 现在移动端 web 应用，很多时候都需要与原生 app 进行交互、沟通（运行在 webview 中），比如微信的 jssdk，通过 window.wx 对象调用一些原生 app 的功能。所以，这次就来捋一捋 h5 与原生 app 交互的原理。 h5 与原生 app 的交互，本质上说，就是两种调用： ap...
cordova 和原生交互 调用h5页面
04-03
在这个场景中，我们需要了解如何在Android平台上集成Cordova，并且调用两个不同的H5（HTML5）页面。 首先，让我们详细讨论如何在Android项目中集成Cordova： 1. **安装和配置环境**：确保你已经安装了Android ...
H5与原生交互方式的需要文件
最新发布
03-20
1. **Webview组件**：在Android和iOS平台上，原生应用通常会内嵌一个Webview组件，它能够加载和展示H5页面。通过Webview，H5代码可以被嵌入到原生应用中，并与原生代码进行通信。 2. **JSBridge**：JSBridge是实现...
MUI框架 最接近原生开发的H5框架实例
05-15
其丰富的组件、高度的定制性和良好的性能，使得开发者能够轻松地创造出与原生应用相媲美的用户体验。在实际项目中，结合MUI提供的资源和社区支持，开发者可以更好地应对各种挑战，提升开发效率。
五个你必须知道的javascript和web debug技术
专注成就非凡
11-21 1283
在前端开发中，调试技术是必不可少的技能，本文将介绍五种前端开发必备的调试技术。 Weinre移动调试DOM 断点debugger断点native方法hook远程映射本地调试 Weinre 在移动上面开发调试是很复杂的，所以就有了weinre。安装weinre可以实现pc来调试手机页面，所以对于移动开发调试是很重要的哦~ http://people.apache.org/~p
微信H5移动端真机调试--vConsole
热门推荐
唯一的切慕，唯一的诗歌……
04-09 4万+
在移动端实际开发中，还是会碰到一些棘手的bug，想看看到底哪里出了问题，苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口，使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息，比如cookie、LocalStorage,Network、Element…… 微信打开这个网址 http://debugx5.qq.com/ 暖心的我给你准备好了二维码，扫一扫吧（不要...
如何真机调试微信h5页面
zwkkkk1的博客
08-04 1万+
最近在项目中接手微信环境h5页面的开发，主要的是使用微信 JS-SDK 做原有项目部分功能在微信环境下的适配。 目前项目暂时告一段落，希望可以用几篇文章记录并分享这些天来学习、开发微信h5页面的心得、体会~ 由于微信环境、sdk的限制，在微信环境下如何有更加良好的调试体验还是有一些坑的，本篇将主要介绍本人在实际业务开发中使用到的微信环境下h5页面的三种调试方法（由于没有苹果手机，所以在开发自测...
关于h5页面的几种调试办法
qxn_5266的博客
03-07 1万+
调试有两种情况：1、微信外打开的h5页面；2、微信中打开的网页 微信外的网页 1、谷歌浏览器调试安卓 （1）手机USB链接到电脑，打开开发者选项，安卓打开的方式有很多，，iPhone目前还不知道怎么用这个调试       （2）电脑端打开谷歌浏览器输入chrome://inspect#device，记得勾选discover usb devicces 下面会有设备列表 （3）选择设备，
h5项目在手机上打开调试模式
敲门的小白
01-13 2292
vue:在index.html引入： 在使用界面 原生:
H5执行原生app的方法（h5和app交互）
weixin_44646763的博客
10-10 1158
之前在一个项目中，原生app内嵌了h5，h5执行完某个操作后要执行app的原生方法（相当于通知app）。这种时候就要用到h5和app的交互了。 代码如下： function callApp(){ var u = navigator.userAgent,app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !
H5和原生app哪个好？
一汀程序狗的博客
04-27 4198
对于H5 和原生app的优缺点回答： 我现在项目现在用的就是：Andriod和IOS相当于容器， 主要复杂的业务逻辑还采用原生，已经有的子模块 需要快速集成进来，或者需要快速上线的模块，原生组没有人力，所有选择了集成H5，只要写一套代码就可以实现在Andriod、ios甚至微信里运行。不过我觉得，H5比较适合活动页，交互少的页面。含有复杂的逻辑的话，特别是需要跟壳交互很多（恶心的后退逻辑，判断版
用fiddle+vconsole.js对APP内嵌的H5进行调试
糖糖小菜鸟前端er
03-13 1944
背景：测试机与电脑在同一个局域网内 1.配置fiddle，设置完成后重启fiddle 2.设置手机wifi 主机名为电脑IP，代理服务器端口为刚刚fiddle设置的端口号 3.在测试的H5中加入vconsole.min.js，h5底部出现绿色按钮，可以在页面上console.log信息 ...
安卓app嵌入H5页面调试 adb
kuro桑的博客
05-08 1104
安装流程（MAC） 科学上网 安装homeBrew /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” 更换Homebrew 镜像 https://mirror.tuna.tsinghua.edu.cn/help/homebrew/ 参照上面...
H5手机App开发：原生、Web与混合应用解析
本文主要介绍了H5手机App开发的基础概念，包括原生应用、Web应用和混合应用的定义、优缺点，以及H5在混合应用中的具体含义。H5通常指的是混合App的前端部分，基于HTML5技术。 一、H5的含义 H5是指混合应用（hybrid ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值