如何将文件从我的文件系统添加到 chrome inspect element dev tools?

How to add a file from my filesystem to chrome inspect element dev tools?

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

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

打开检查元素,然后转到 Sources 选项卡。 现在单击 Filesystem 选项卡(在 Sources 内),在 Page.

旁边

如下图所示,您会看到一个按钮,上面写着 Add folder to workspace。单击它,然后将包含要添加的文件的文件夹添加到页面。

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

您可以使用它来代替 img 标签的 src 中的 link,如下所示: <img src="YOUR DATA URI">