!19130 modify web-debugging-with-devtools（4.0 beta1）

Merge pull request !19130 from 李想/cherry-pick-1685689190

zh-cn/application-dev/web/web-debugging-with-devtools.md

@@ -28,8 +28,17 @@ Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前
      }
    }
    ```
+2. 开启调试功能需要在DevEco Studio应用工程的module.json5中增加权限, 具体如下：
 
-2. 将设备连接上电脑，在电脑端配置端口映射，配置方法如下：
+   ```
+   "requestPermissions":[
+      {
+        "name" : "ohos.permission.INTERNET"
+      }
+    ]
+   ```
+
+3. 将设备连接上电脑，在电脑端配置端口映射，配置方法如下：
 
    ```
    // 添加映射 
@@ -38,7 +47,7 @@ Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前
    hdc fport ls
    ```
 
-3. 在电脑端chrome浏览器地址栏中输入chrome://inspect/\#devices，页面识别到设备后，就可以开始页面调试。调试效果如下：
+4. 在电脑端chrome浏览器地址栏中输入chrome://inspect/\#devices，页面识别到设备后，就可以开始页面调试。调试效果如下：
 
      **图1** 页面调试效果图