网站图片(背景图,svg,canvas)抓取预览下载

将站点所有的图片(背景图,svg,canvas)抓取提供预览,直接点击下载,批量打包下载。

< Feedback on 网站图片(背景图,svg,canvas)抓取预览下载

Question/comment

Deleted user 103157
§
Posted: 2019-08-29
Edited: 2019-08-29

youtube全屏有问题

youtube全屏之后,播放器右下角还会显示“获取图片”这个按钮

还有一个其它问题,某些网站我发现“获取图片”按钮会在网页上方显示,并不是默认的右下角。

然后我想问下,我如果想自定义,怎么自己设置改变这个按钮的位置。

yujinpanAuthor
§
Posted: 2019-08-29

首先感谢反馈! :D

  • 下面解释下原因:

问题1与问题2造成的原因是:网页中有多个 iframe 会让插件在每一个 iframe 中执行,所以出现了很多个,后面很兼容这个问题。

  • 最后自定义样式:
  1. 在代码中搜索关键词 “创建样式”
  2. 然后找到样式类 .SIR-toggle-button
  3. 修改其中的属性: toprightbottomleft 即可调整上,右,下,左的距离

实例代码如下:

/**
  * 创建样式
  */
function createStyle() {
    const style = document.createElement('style');
    style.innerHTML = `
      #SIR.active .SIR-cover {
          display: block;
      }
      #SIR.active .SIR-main {
          display: flex;
      }

      // 在这里自定义样式
      .SIR-toggle-button {
          position: fixed;
          right: 0; // 右侧 0
          bottom: 0; // 底部 0
          z-index: 99999;
          opacity: 0.5; // 透明度 0.5
          background: white;
      }
// ...
Deleted user 103157
§
Posted: 2019-08-29

@yujinpan 说道: 首先感谢反馈! :D

  • 下面解释下原因:

问题1与问题2造成的原因是:网页中有多个 iframe 会让插件在每一个 iframe 中执行,所以出现了很多个,后面很兼容这个问题。

  • 最后自定义样式:
  1. 在代码中搜索关键词 “创建样式”
  2. 然后找到样式类 .SIR-toggle-button
  3. 修改其中的属性: toprightbottomleft 即可调整上,右,下,左的距离

实例代码如下:

/**
  * 创建样式
  */
function createStyle() {
    const style = document.createElement('style');
    style.innerHTML = `
      #SIR.active .SIR-cover {
          display: block;
      }
      #SIR.active .SIR-main {
          display: flex;
      }

      // 在这里自定义样式
      .SIR-toggle-button {
          position: fixed;
          right: 0; // 右侧 0
          bottom: 0; // 底部 0
          z-index: 99999;
          opacity: 0.5; // 透明度 0.5
          background: white;
      }
// ...

已经弄好了,非常感谢

Post reply

Sign in to post a reply.