如何在html环境下vscode真机调试iOS

一、流程图

flowchart TD
    A(开始)
    B(下载并安装插件)
    C(配置launch.json)
    D(连接手机)
    E(启动调试)
    F(调试完成)
    A --> B --> C --> D --> E --> F

二、步骤说明

1. 下载并安装插件

首先，你需要在VSCode中安装插件Debugger for Chrome，这个插件可以帮助你在html环境下进行iOS真机调试。

2. 配置launch.json

在VSCode中打开launch.json文件，并添加以下配置：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome against localhost",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

这段代码的作用是告诉VSCode如何启动Chrome并连接到你的html页面。

3. 连接手机

确保你的手机和电脑连接在同一个局域网下，并且在手机Safari浏览器中输入你的电脑IP地址加端口号（如`

4. 启动调试

点击VSCode中的调试按钮，选择Launch Chrome against localhost，然后就可以在VSCode中进行iOS真机调试了。

5. 调试完成

当调试完成后，记得关闭调试并保存你的更改。

三、总结

通过以上步骤，你应该已经学会了在html环境下使用VSCode进行iOS真机调试的方法。记得及时保存更改并关闭调试，祝你调试顺利！

journey
    title 调试iOS真机
    section 开始
    section 下载插件
    section 配置launch.json
    section 连接手机
    section 启动调试
    section 调试完成

希望以上内容对你有所帮助，如果有任何疑问，欢迎随时向我提问。祝你工作顺利！