google-chrome-devtools - 如何将文件从我的文件系统添加到 chrome 检查元素开发工具？

Question

我正在尝试使用检查元素和 chrome 开发人员网络工具编辑我可以在线访问的网页。

我想将本地文件系统中的图像添加到网页中。我该怎么做？

Answer 1

打开检查元素，然后转到 Sources标签。
现在点击 Filesystem选项卡(在 Sources 内)，在 Page 旁边.

如下所示，您将看到一个按钮，显示 Add folder to workspace .单击它，然后添加包含要添加到页面的文件的文件夹。



现在，如果您右键单击图像，您将看到您可以获得表示它的数据 URI。

您可以使用它代替 img 中的链接。标签src ，像这样:<img src="YOUR DATA URI">