h5项目在手机上打开调试模式

最新推荐文章于 2024-09-11 16:50:30 发布
最新推荐文章于 2024-09-11 16:50:30 发布
阅读量2.3k 收藏
点赞数
分类专栏： 小知识 文章标签： javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43671996/article/details/103954752
版权

在这里插入图片描述
vue:在index.html引入：
在使用界面
在这里插入图片描述

原生:

h5项目在手机上调试(ios和安卓)

1、在vue 项目中实现手机调试
vue中直接使用npm 安装vConsole
—(1)先找到vue得全局index.html页面
—(2)引入

—(3)在手机端得任意浏览器打开项目地址
项目地址如—http://192.167.97.ip:端口号
必须保证是同一局域网
—(4)打开手机端得页面点击查看右下角是否有 ---- vConsole图标
若有则表示安装成功

关于h5页面的几种调试办法
qxn_5266的博客
03-07 1万+
调试有两种情况：1、微信外打开的h5页面；2、微信中打开的网页 微信外的网页 1、谷歌浏览器调试安卓 （1）手机USB链接到电脑，打开开发者选项，安卓打开的方式有很多，，iPhone目前还不知道怎么用这个调试       （2）电脑端打开谷歌浏览器输入chrome://inspect#device，记得勾选discover usb devicces 下面会有设备列表 （3）选择设备，
H5：在手机上调试开发H5网址
干饭搬砖两不误。
05-24 2417
在开发H5网址的时候，特别是手机真机上，想要查看日志即可采取当前方式。
Vue项目在移动端调试办法
yodoyskts的博客
08-20 462
记录一下有些同学在写项目的时候不可避免的会在移动端展示，但是移动端又无法看到后台的参数和接口调用情况，本篇文章提供一个最简便便捷的办法供大家参考：通过vConsole来调试。引入完成之后重启一下项目就会在项目中出现一个vConsole的标签：如下图。这样在移动端想调试项目的时候点击这个标签就会打开vconsole的调试。当然在发版的时候记得把man.js里的vconsole注释掉哦。第二步：在man.js中引入vConsole。第一步：安装vConsole。
h5页面真机调试
colgirl的博客
09-11 395
注意，微信开发者工具最新的1.0版本不支持移动端调试，必须是旧版，下载链接：https://pan.baidu.com/s/1dwf3ZJ1MpxOnfcKkzzBRAQ 提取码: igin。第一个选项打开微信扫码，提示503，选择普通调试，直接按步骤操作就行。需要注意的是，真机设置了代理，微信无法直接打开https网页，请求的api如果是https也会返回空。电脑chrome打开chrome://inspect/#devices。1、 使用微信开发者工具。2、使用vconsole。
手机调试 H5 vue-devtools weinre fiddler
Jioho的博客
04-14 1409
手机调试 H5（vue 方向） 代码 bug 多没关系，关键是可以及时定位到问题！ 小提示：不知道是不是 fiddler 的原因，不能在微信的网页注入 JS。所以以下调试均在手机浏览器中进行，当然如果可以自己在页面引入调试资源，那也是可以滴！ 手机使用 vue-devtools 调试 开发 vue 应用的时候，chrome/firefox 有 vue-devtools 插件。那手机端呢？还有...
Vue H5 手机调试窗口
BoyJoan的博客
04-10 685
1:安装依赖包:vconsole npm install vconsole 2:在main.js文件引入 import vConsole from 'vconsole' if(process.env.NODE_ENV=='test'){ //测试环境开启调试 Vue.prototype.$vConsole = new vConsole() } ...
手机端h5怎么调试
Pistachio839的博客
01-20 5643
最近遇到h5页面调试，想查看web打印的log或cookie，于是搜索资料找到以下方法 一、Mac+IOS+Safari- 进阶调试（亲测有效） 1､浏览器设置：Safari - 偏好设置 - 高级 - 勾选「在菜单栏中显示开发」菜单。 2､iphone 设置：设置 - Safari - 高级 - 打开 Web 检查器。 3､通过手机的 Safari 来打开 H5 页面，我们通过浏览器开发选项可以看到： 4､通过这种方式成功解决问题。 *特点：不能调试webView里面的页面。 二、 Chrome+
uniapp项目连接手机调试
m0_71933813的博客
04-01 2642
一.修改手机选项 1.打开开发者模式 在手机更多设置里的最下面找到“开发者选项”【若没有这个，则先在更多设置里找到“关于手机”——>“软件版本号”，连续点击“软件版本号”若干次】 出现“您已处于开发者模式，无需进行此操作”就已经打开开发者模式 2.找到手机设置，选择其他设置 5.设置手机与电脑属于同一个网 手机连接电脑热点，然后看到HBuilderX中“运行到手机或模拟器(N)”下显示有运行设备等字样，就说明成功了，就可以运行你的uni-app项目啦。 电脑连接手机热点 二.使用HBuilderX运
h5移动端调试工具vconsole/eruda
03-21
vConsole.js是这个工具的核心脚本文件，引入到项目中后，只需在手机浏览器中打开开发者模式，即可看到vConsole的界面，进行各种调试操作。vConsole的特点包括： 1. **轻量级**：体积小，不会对H5应用的性能产生显著...
如何真机调试微信h5页面
热门推荐
zwkkkk1的博客
08-04 1万+
最近在项目中接手微信环境h5页面的开发，主要的是使用微信 JS-SDK 做原有项目部分功能在微信环境下的适配。 目前项目暂时告一段落，希望可以用几篇文章记录并分享这些天来学习、开发微信h5页面的心得、体会~ 由于微信环境、sdk的限制，在微信环境下如何有更加良好的调试体验还是有一些坑的，本篇将主要介绍本人在实际业务开发中使用到的微信环境下h5页面的三种调试方法（由于没有苹果手机，所以在开发自测...
uniapp开发h5项目微信浏览器打开h5项目获取微信登录的手机号
最新发布
10-16
UniApp 开发 H5 项目时，在微信浏览器内想要获取用户的微信登录手机号，可以借助微信的 JSSDK（JavaScript 接口安全模式）。首先，你需要在微信公众平台申请小程序，并配置好服务器域名和 AppID。然后按照以下步骤...
手机考试H5页面，使用vue开发，使用cdn静态页面，可自行扩展对接
08-03
手机考试页面 blog介绍：https://blog.csdn.net/huyunfei/article/details/107761263 vue实现手机在线考试h5页面，静态，扩展使用
移动端调试html页面的方法
weixin_30419799的博客
08-30 462
weinre这种方法。 1.首先你要安装nodejs,要装一个低版本的，最新版本的装weinre会装不上。这里给个下载地址 　https://nodejs.org/dist/v0.10.20/node-v0.10.20-x86.msi 2.然后npm命令 　　npm install -g weinre 3.运行wernre 　　weinre --httpPort 8081 --bo...
vue开发的h5项目真机调试
weixin_60885570的博客
11-22 212
真机调试下看不到打印,安装Vconsole即可。
vue h5 真机调试
IT_iosers的博客
04-20 307
下载 npm install vconsole 2.直接在页面引用 import VConsole from "vconsole"; let vConsole = new VConsole(); 正常使用console
本地调试基于vue的H5项目
公z号：职场爱学习
06-19 479
打开C:\Windows\System32\drivers\etc文件夹，修改hosts文件，添加域名映射到本地IP。 在公众平台，配置域名。 下载微信模拟器，本地调试代码。 配置完成，本地开发的时候，只能访问http://h-t.test.com/，注意，不能是https开头。 如果想访问真正服务器的内容，需要把本地配置注释掉，注释符号是#。 127.0.0.1 h-t.test.com ...
vue的h5页面vconsole调试
weixin_60041868的博客
09-03 146
【代码】vue的h5页面vconsole调试。
前端 H5 调试方法
拥抱城市的你
07-30 581
vconsole调试工具 官方github地址： https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md 官方demo： http://wechatfe.github.io/vconsole/demo.html 特别注意官方提供的demo上面的按钮点击是无效的，但不要担心，直接在项目中引入插件，可以直接使用 特性： 1.安卓和ios的手机都可以用 2.H5页面（包括混合式App的内嵌H5页面） 3.console的相关打印可以直
Vue代码中如何开启调试模式
chenludaniel的专栏
10-08 3940
vue 调试
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值