使用本地代码调试线上或者测试环境页面

当我们在线上发现一个bug时,我们首先想到的就是在本地调试解决bug,有时候本地环境和线上环境的设置不一样,可能在本地就无法准确的调试。那么我们如何用本地代码来调试线上环境呢?

一、打开浏览器F12,找到源代码这一项,点击替换

使用本地代码调试线上或者测试环境页面_第1张图片

二、点击选择放置替换项的文件夹,选择本地代码文件夹,会提示请求获取访问权限,直接点允许,就能看到我们本地代码已经在替换下面了,然后勾选启用本地替换

使用本地代码调试线上或者测试环境页面_第2张图片

三、找到我们要替换的文件,右键点击,选择保存并覆盖,这样就可以用本地文件来调试线上环境了

使用本地代码调试线上或者测试环境页面_第3张图片

你可能感兴趣的:(前端,vue.js)