前端：移动端如何看控制台

最新推荐文章于 2023-12-27 11:19:15 发布

weixin_30349597

最新推荐文章于 2023-12-27 11:19:15 发布

阅读量1k

点赞数 1

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/nuonuo-D/p/10945236.html

版权

方法一：

在项目的index.html的<head></head>里面写上下面的代码：

方法二：

用vconsole(项目地址：https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md)

（1）npm install vconsole

（2）在main.js(vue项目的话):

　　import Vconsole from 'vconsole'

　　const vConsole = new Vconsole();

转载于:https://www.cnblogs.com/nuonuo-D/p/10945236.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30349597

关注关注

1
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

移动端控制台

10-11

移动端控制台

实现移动端查看控制台

jiangjunyuan168的博客

05-11

909

第一种方法 (vconsole)： 1、安装vconsole插件 npm install vconsole -S 2、然后在main.js 中导入 import Vconsole from 'vconsole' const vConsole = new Vconsole() 第二种方法 (eruda)： 1、index.html中导入 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script&g

参与评论您还未登录，请先登录后发表或查看评论

前端移动端测试查看控制台

豆。的博客

10-13

1229

手机端查看控制台的工具 console.log是前端经常用的，但是在手机上想查看却看不了，这时候我们就可以用这个工具了。当我们在项目开发时,想要在实机上看控制台，在link的标签后面加入如下代码(放在link后面,也就是head里的js的最前面) <script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script> <script>eruda.init();</script>

移动端查看控制台

judykang123的博客

11-16

300

1.在node环境的项目中我们使用install下载 npm install vconsole 下载完成后，在项目中引用代码 import vConsole from 'vconsole' 然后项目中就会显示： 2.在页面中直接使用 <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> <script> // 初始化 var vConsole =

移动端调控制台

qq_36552707的博客

01-14

429

移动端控制台调用（只在网页中有效） <script src="//cdn.bootcss.com/eruda/1.2.4/eruda.min.js"></script> <script> eruda.init(); </script> 将以上代码加入js开头即可。 ...

移动端控制台插件vConsole.min.js

09-08

移动端控制台插件vConsole.min.js是专门为移动设备开发者设计的一款工具，用于在手机或平板等移动设备上查看和调试Web应用的JavaScript控制台。它弥补了移动浏览器原生控制台功能的不足，使得在没有电脑连接或者无法...

Node.js-基于TypescriptReactMobx实现的移动端浏览器控制台开发教程

08-10

在本教程中，我们将深入探讨如何使用Node.js、TypeScript、React和MobX技术栈来构建一个移动端的浏览器控制台。这个项目名为“myConsole”，它涵盖了前端开发中的多个重要概念，包括状态管理、组件化、类型检查以及...

移动端打开html控制台,移动端中使用调试控制台 eruda

weixin_39618169的博客

06-20

1312

使用一般移动端：在html head中引入移动端调试控制台代码并初始化：....eruda.init();如下图：打开悬浮按钮即可看到控制台如果是小程序，在onLaunch时开启debug,可以在真机中调出控制台：App({onLaunch: function (options) {wx.setEnableDebug({enableDebug: true});},});安装你可以通过npm来下载使...

Vue3.0项目在移动端开启控制台

Usesworder的博客

01-06

1001

笔者最近遇到一个移动端Ios的兼容性问题，苦于没有控制台进行调试，废了老大劲才解决掉。然后复盘问题时，查找了相关资料，终于找到一个可以再移动端使用控制台的办法，不局限于Vue项目，其他的前端项目均可以试试。只需要引入一下代码就OK。 <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></...

Marlog:浏览器端控制台框架

05-08

有了Mlog,网页开发可以不用F12, 就可以直接查看控制台打印的日志,大大方便了前端开发和调试,尤其是在无法查看控制台的移动端,微信端. 预览网址: 软件架构软件采用es6开发,gulp 打包安装教程暂时只支持html页面...

VUE 移动端控台

weixin_39273589的博客

06-10

635

VUE 移动端控台

移动端测试显示控制台按钮

khl_001的博客

03-02

744

移动端测试显示控制台按钮框架或普通的html 在html文件中加入下面这行代码，就可以在移动端看到右下方的小齿轮图标。点开就可以在移动端查看控制台信息了。 <script src="https://cdn.jsdelivr.net/npm/eruda"></script> <script> eruda.init(); console.log('控制台打印信息'); </script> 效果如下： Vue npm install vconsol

移动端打开控制台

u010131379的博客

08-09

237

移动端打开控制台

移动端控制台-方便排查移动端错误

liuhao9999的博客

06-03

530

/* *@description：增加移动端测试控制台，在页面中找到任意输入框，输入'@111'可以调出移动端控制台，输入'@222'可以删除移动端控制台 *@author: *@date: 2021-06-03 08:28:01 */ window.vConsol..

移动端调试控制台

Cris_are的博客

10-26

292

<scriptsrc="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>

在移动端显示控制台信息

ddny090930的博客

09-09

565

1..在node环境的项目中，我们使用install下载 npm install vconsole 下载完成后，在项目中引用代码 import vConsole from 'vconsole' 然后项目中就会显示 2.在页面中直接使用 <script src="https://cdn.bootcss.com/vConsole/3...

H5页面（在移动端）显示控制台

失眠时间的博客

05-12

1101

vconsole插件在vue项目中显示控制台信息

js移动端调试控制台_移动端调试面板插件vconsole

weixin_34847426的博客

02-17

323

1. 安装 vconsole-webpack-plugin 插件npm install vconsole-webpack-plugin --save-dev2. 修改配置文件vue.config.jsconst vConsolePlugin = require('vconsole-webpack-plugin')module.exports = {configureWebpack: confi...

移动端打开控制台（调试神器）Eruda