vue怎么在移动端调试

最新推荐文章于 2024-08-20 16:18:47 发布
最新推荐文章于 2024-08-20 16:18:47 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： ⭐️ vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40963664/article/details/79811276
版权

手机和电脑连同一个wifi, ipconfig查看电脑的ip地址, 比如是192.168.1.213, 电脑自己访问是localhost:8080, 手机访问就是192.168.1.213:8080


连接同一个网段的wifi，把localhost改为你电脑的ip就好了啊？
别忘了关闭防火墙...

丶乘风破浪丶
关注
专栏目录
web移动端真机调试工具
04-20
Ghostlab3试用版 win mac+Ghostlab127破解版,移动端调试h5代码工具
vue-mobile-debug:vue 移动端调试工具
05-08
基于 vue 的移动端调试小工具 功能 移动端模拟 console 信息 一键清理 cookies、localstorage，刷新页面 显示 cookies、localstorage 显示页面性能数据 安装 npm install --save vue-mobile-debug // or cnpm ...
VUE 移动端控台
weixin_39273589的博客
06-10 627
VUE 移动端控台
Vue项目在移动端调试办法
最新发布
yodoyskts的博客
08-20 261
记录一下有些同学在写项目的时候不可避免的会在移动端展示，但是移动端又无法看到后台的参数和接口调用情况，本篇文章提供一个最简便便捷的办法供大家参考：通过vConsole来调试。引入完成之后重启一下项目就会在项目中出现一个vConsole的标签：如下图。这样在移动端想调试项目的时候点击这个标签就会打开vconsole的调试。当然在发版的时候记得把man.js里的vconsole注释掉哦。第二步：在man.js中引入vConsole。第一步：安装vConsole。
VUE程序调试的方法
weixin_30361753的博客
06-16 317
目录 VUE程序调试的方法 1.写本文的背景 2.调试与测试 3.Console调试法 3.1 添加console.log指令 3.2 调出温度界面如下 3.3 Google浏览器的Console窗口 3.4 console.erro...
【vue】调试
当白的技术小窝 ( git : https://github.com/canwhite )
10-26 1097
一、插件使用   安装谷歌插件 vue.js devtools 在谷歌插件中心安装，在vue界面点击右键，选择检查 使用的时候，在上边工具栏找到vue，选中     二、运行时调试   在代码窗口加入debugger关键字，进行编码式的断点设置，然后control + s 保存， 浏览器运行窗口就会自定载入断点，并跳转到设置断点的代码上 在source工具栏里边查找   ...
vue项目手机真机预览和调试
黑客与画家
12-04 6092
很多项目要模拟手机真机环境才能测的出效果比如像高斯模糊的一些样式特效只有在真机上才看得出来；但是如果要上线上每次都要打包所以很不方便，给大家介绍一下我的方法： 1.** 首先找到 config 下面的index.js ** 如图： 2. 找到host:‘localhost’ 跟换成IP 的方式 ：如图 我的是配过跨域的所以代码跟你们的可能有点不一样，不过只要找准host:‘localhost’ ...
vue3移动端适配的解决方案（老方案）
12-01
Vue3 移动端适配解决方案是针对现代前端框架 Vue3 的一项技术实践，旨在确保在不同设备和屏幕尺寸上提供良好的用户体验。Vue3 提供了更强大的功能和更高的性能，但移动端适配是一个挑战，因为移动设备的屏幕尺寸、...
Vue2开发移动端的模板
03-18
Vue2 是一款非常流行的前端JavaScript框架，用于构建用户界面，特别是在移动端应用开发中表现出色。Vue2 提供了丰富的功能和简洁的API，使得开发者能够更高效地构建可复用、可维护的组件化应用。这个"Vue2开发移动端...
vue项目移动端中使用vconsole，并配置在不同的环境是否显示
01-08
在入口文件main.js中加入以下代码 import Vconsole from 'vconsole'; const vConsole = new Vconsole(); 3.打印日志  与 PC 端打印 log 一致，可直接使用 console.log() 等方法直接打印日志： console.log('...
Vue实现移动端左右滑动效果的方法
12-12
在Vue.js框架中，实现移动端的左右滑动效果可以借助第三方库vue-touch。vue-touch是一个为Vue.js设计的轻量级手势库，它提供了一系列的手势事件，包括滑动（swipe）、点击（tap）、双击（doubleTap）、捏合（pinch）...
vue开发调试
xixingzhe2的博客
09-06 992
当遇到应用逻辑出现错误，但又无法准确定位的时候，同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。
如何优雅的调试 Vue 项目？
Cyj1414589221的博客
03-11 2794
有效的代码调试无疑是提高开发效率的关键一步，无论是在开发新功能的过程中，还是在定位修复现有问题。
vue调试三种方式
billycoder的专栏
03-15 9043
vue调试三种方式 debug是必备技巧 方式一：通过vue.js devtools 最常用，最方便，适合观察值的变化，不太适合理清代码执行流程 效果 使用 安装如下插件即可 方式二：在浏览器中展示源代码 这种方式还可以配合vue.js devtools一起使用 效果 使用 项目的添加如下内容即可 module.exports = { configureWebpack: { devtool: 'source-map' } } 然后就可以F12看到对应的vue文件了 参考
Vue移动网页开发调试过程（第一篇）
qq_38948398的博客
04-30 800
一、手机真机预览效果 首先需确定手机网络与电脑网络是在同一个局域网下，也就是同一网络 如果电脑是笔记本电脑连接的wifi，手机连上与电脑连接的同一wifi即可，如果电脑是台式，或者电脑是连接的网线话，下载个wifi共享软件也是可以的 手机连接电脑wifi共享软件开启的wifi频段即可 好了，这里环境上统一后，下载一个hbuilderx软件——前端开发编辑器，其中内置预览效果，下载后导入vue项目文件夹，鼠标右键项目文件夹 在外部命令启动vue项目即可，启动前可能会让你扩展一下软件中的插件，内部终端
vue调试的三种方法
热门推荐
high32的博客
05-09 3万+
vue调试的三种方法一、console.log二、debugger方法三、vscode里断点调试 一、console.log 这个开始学就会，不演示了。重要的是需要养成这样的能力，代码出了问题，光看是看不出来问题的。 二、debugger方法 vscode安装插件，debugger for chrome; 在代码需要打断点的位置，写上debugger(如果安装eslint可能报错，这时鼠标移到代码出现小灯泡，点击选第一项忽略即可); npm run serve启动，到了断点位置浏览器会停下来; 在浏
vue移动端调试工具——vconsole
Ajaxguan的博客
02-22 1339
vue移动端调试工具——vconsole 1.下载 vconsole npm install vconsole  2.在 main.js文件中引入 // main.js import Vconsole from 'vconsole' const vConsole = new Vconsole() Vue.use(vConsole) 3.使用效果 出现 vConsole按钮 ...
vueH5项目打开或者关闭vconsole调试，及配置打包文件名
12-23 6240
vueH5项目打开或者关闭vconsole调试，及配置打包文件名
Vue项目上线后关闭vue-devtools调试工具
灵壹Eli的博客
04-20 1450
【代码】Vue项目上线后关闭vue-devtools调试工具。
vue移动端调试工具
08-26
Vue移动端调试工具主要有Eruda和vConsole。Eruda是一个轻量级的前端调试工具，可以用于移动端的调试。它提供了一个浮动调试面板，可以查看和修改页面的HTML、CSS和JavaScript代码。如和所示，你可以通过引入Eruda的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

丶乘风破浪丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值