H5：在手机上调试开发H5网址

前端-如此如此。

已于 2023-11-03 20:45:21 修改

阅读量2.4k

点赞数 2

分类专栏： web前端之H5 文章标签： javascript html5

于 2020-05-24 10:52:47 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_44136505/article/details/106311635

版权

本文介绍了在开发H5网址时如何便捷地在安卓手机上进行调试。通过在页面中添加特定代码，可以在安卓设备上实现类似Web浏览器的调试控制台，方便开发者输出日志和解决问题。对于使用Vue框架的项目，可将代码添加到index.html。文章鼓励读者分享和讨论相关技术经验。

摘要由CSDN通过智能技术生成

简介

在开发H5网址的时候，特别是手机上真机使用的时候，想要在电脑上输出日志，IOS的safari还可以直接联机调试，但是安卓就很麻烦，所以找了一下便捷的安卓手机调试H5网址的方法。

具体实现

其实，比较简单，只需要在页面中加入两行代码即可实现。VUE的话加在index.html即可。
在这里插入图片描述

<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init()

最低0.47元/天解锁文章

前端-如此如此。

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

前端-如此如此。 CSDN认证博客专家 CSDN认证企业博客

码龄6年

77: 原创

5万+: 周排名

115万+: 总排名

33万+: 访问

: 等级

2400: 积分

59: 粉丝

414: 获赞

145: 评论

796: 收藏

私信

关注

热门文章

分类专栏

web前端之H5 8篇
JS 20篇
VUE3+TS 9篇
axios 3篇
通用功能 2篇
正则表达式 2篇
web前端之VUE 20篇
CSS 3篇
HTML 4篇
Git 1篇
echarts 1篇
web前端之微信小程序 7篇
jquery
学习JS 1篇

最新评论

VUE：img标签加载图片失败时，显示一张自定义默认图片
随笔写: 文章构思巧妙，结构紧凑，既有深度又有广度，读后让人受益匪浅，确实是一篇值得一读的佳作。
微信小程序：scroll-view自动滚动到最底部，附view标签滚动到底部方法
苏大强⁠: 如果toView的值是动态从接口获取进行setData的话，需要注意异步问题，可以在setData的回调函数处理 [code=javascript] fetchChatList() { const { page, size, limit, messages } = this.data app.Ai._chatList({ page, size, limit }).then((res) => { const list = res.list.reverse() this.setData( { messages: [...messages, ...list] || [], hasMore: res.more, time: list[0].content_time, }, () => { // 滚动到底部 this.setData({ toView: `msg-${list.length - 1}`, }) } ) }) }, [/code]
VUE：img标签加载图片失败时，显示一张自定义默认图片
juntian123: 谢谢
VUE：vue3.x使用图片裁剪插件vue-picture-cropper
前端-如此如此。: 选择的原图，能看到的裁剪后生成的图，在handleModalSure中，不进行displayCropModal的false赋值，再次调用initCropInfo(file)即可
VUE：vue3.x使用图片裁剪插件vue-picture-cropper
安稳随性102: 能进行预览吗

最新文章

目录

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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