我可以仅通过浏览器窗口中的图像调用 Javascript 书签吗？例如：blah.com/blah.jpg？

发布于 2024-12-09 03:54:06 字数 255 浏览 0 评论 0原文

如果我位于某个网址...请说 http://i.imgur.com/JcxmE.jpg< /a> 它只是图像文件，当调用书签时，如何使窗口/div 出现在图像上？ Instapaper 就是这样做的。到目前为止，我的书签加载了一个外部 javascript 文件，该文件又创建了一个 div 并将其附加到正文。当它只是一个图像时，这不起作用。有想法吗？谢谢你！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

清晰传感 2024-12-16 03:54:06

好吧，看起来 Firefox 仍然会在图像上渲染 DOM。 hello world 示例仅当您将其粘贴在书签中时才有效，而不是直接粘贴在 URL 栏中。

只要您的浏览器呈现 DOM，即使在纯图像 url 上，下面的示例也应该有效。它将把图像插入到容器元素中。

javascript:(function(){
  var doc = document,
      image = doc.getElementsByTagName('img')[0],
      container = doc.createElement('div');

  doc.body.removeChild(image);
  container.appendChild(image);
  doc.body.appendChild(container);
})();

Alright it looks like firefox still renders a DOM even over images. The hello world example works only if you stick it inside a bookmarklet, but not straight in the url bar.

Here's an example that should work as long as your browser renders a DOM even on pure image urls. It will insert the image inside a container element.

javascript:(function(){
  var doc = document,
      image = doc.getElementsByTagName('img')[0],
      container = doc.createElement('div');

  doc.body.removeChild(image);
  container.appendChild(image);
  doc.body.appendChild(container);
})();

回复收藏 0 原文