问如何将文件系统中的文件添加到chrome inspect element开发工具中？
EN

Stack Overflow用户

提问于 2019-09-30 09:26:08

回答 1查看 1.9K关注 0票数 3

我正在尝试编辑一个网页，我可以使用inspect element和chrome developer web工具在线访问。

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

回答已采纳

发布于 2019-09-30 09:26:08

打开inspect element，然后转到Sources选项卡。现在单击Page旁边的Filesystem选项卡(在Sources中)。

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

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

您可以使用它来代替img标记的src中的链接，如下所示：<img src="YOUR DATA URI">

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58160515

复制

相似问题

问如何将文件系统中的文件添加到chrome inspect element开发工具中？EN