如何将文件从我的文件系统添加到 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">
我正在尝试使用 inspect element 和 chrome 开发人员网络工具编辑我可以在线访问的网页。
我想将本地文件系统中的图像添加到网页中。我该怎么做?
打开检查元素,然后转到 Sources
选项卡。
现在单击 Filesystem
选项卡(在 Sources
内),在 Page
.
如下图所示,您会看到一个按钮,上面写着 Add folder to workspace
。单击它,然后将包含要添加的文件的文件夹添加到页面。
现在,如果您右键单击图像,您会看到您可以获得表示它的数据 URI。
您可以使用它来代替 img
标签的 src
中的 link,如下所示:
<img src="YOUR DATA URI">