如何使用chorme调试html app

Question

如何使用chorme调试html app

Answer 1

本地服务器打开网页，按F12打开控制台------>点击source面板,看见左侧有个localhost：端口号的文件夹，在空白处点击右键————————>点击add folder to workspace ,会将本地网站资源添加至其中，在index.html中为其添加文本映射（右键选项），确定后，就可以在source面板中直接编辑html+css+js了，ctrl+s保存后，页面直接改变，无需刷新。