没有mac设备怎么在safari打开控制台调试ios移动端

矫情吗；* 2022-12-27 09:21 183阅读 0赞

用微信公众平台提供的 vconsole

**如果是原生的html页面**，就加上以下代码：

<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
    <script>
        // init vConsole
        var vConsole = new VConsole();
        console.log('Hello world');
    </script>

**如果是vue等**，就下载[vconsole.min.js][]文件，引入到main.js中：

import VConsole from './utils/vconsole.min.js'
    let vConsole = new VConsole();

或者npm安装，具体安装方法网上有很多，这里不介绍了。

最后的调试效果是这样的：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmlfMTI1MTg2MTIwOQ_size_16_color_FFFFFF_t_70][]                         ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmlfMTI1MTg2MTIwOQ_size_16_color_FFFFFF_t_70 1][]

[vconsole.min.js]: https://github.com/Tencent/vConsole/blob/dev/dist/vconsole.min.js
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmlfMTI1MTg2MTIwOQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201210102521693.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmlfMTI1MTg2MTIwOQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmlfMTI1MTg2MTIwOQ_size_16_color_FFFFFF_t_70 1]: /images/20221120/4162c92e2ad9471d8c8b5e275d54b3e5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读

相关 Appium-Drivers-Safari(Mac/iOS)

The Safari Driver Requirements and Support Usage

朱雀/ 2023年01月15日 10:26/ 0 赞/ 134 阅读

相关没有mac设备怎么在safari打开控制台调试ios移动端

用微信公众平台提供的 vconsole 如果是原生的html页面，就加上以下代码： <script src="https://unpkg.com/vconso

矫情吗；*/ 2022年12月27日 09:21/ 0 赞/ 184 阅读

相关移动端调试控制台

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

我就是我/ 2022年12月18日 12:56/ 0 赞/ 175 阅读

相关 iOS逆向----使用Safari调试手机WebView

首先在Mac上打开Safari的开发菜单： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

悠悠/ 2022年12月08日 04:25/ 0 赞/ 228 阅读

相关服务器系统控制台怎么打开文件,云服务器控制台怎么打开文件

云服务器控制台怎么打开文件内容精选换一换 ![c8a5a5028d2cabfeeee0907ef5119e7e.png][] 远程桌面协议(Remote Deskto

本是古典何须时尚/ 2022年09月04日 09:59/ 0 赞/ 225 阅读

相关 mac版safari开启调试模式

mac版safari开启调试模式 > 最近理解http/https协议需要步骤如下 1. 点击Safari启动浏览器 2. 点击左上Safari标志，选择偏好设

Bertha 。/ 2022年07月25日 16:34/ 0 赞/ 781 阅读

相关 iOS 开发技巧之 ---- 使用Mac上的Safari对UIWebView进行调试

在Web开发的过程中，抓包、调试页面样式、查看请求头是很常用的技巧。其实在iOS开发中，这些技巧也能用（无论是模拟器还是真机），不过我们需要用到Mac自带的浏览器Safari。

冷不防/ 2022年06月09日 00:09/ 0 赞/ 538 阅读

相关使用电脑的Safari远程调试ios设备的HTML页面

翻译自：[https://moduscreate.com/blog/enable-remote-web-inspector-in-ios-6/][https_moduscrea

比眉伴天荒/ 2022年05月13日 06:24/ 0 赞/ 272 阅读

相关移动端使用vConsole调试，跟PC打开控制台效果一样

准备工作：[下载][Link 1] 相关js，[请戳我][Link 1] 1，引入一个js文件 vconsole.lim.js 2，在要调试的页面写：

朱雀/ 2022年03月08日 02:48/ 0 赞/ 318 阅读

相关 Unity使用adb在移动端调试

首先电脑要装有AndroidSDK，在platform-tools 下面有一个adb.exe。手机端要调成开发者模式，打开命令行，输入adb路径\\adb.exe conn

太过爱你忘了你带给我的痛/ 2022年02月01日 09:57/ 0 赞/ 752 阅读