时间戳

首页 > 解决方案 > 如何更改线路共享插件的图像图标

javascript - 如何更改线路共享插件的图像图标

问题描述

我已经从 line 嵌入了这个插件。

 <div class="line-it-button" data-lang="en" data-type="share-f" data- 
  url="www.example.com" style="display: none;"></div><script 
  src="https://d.line-scdn.net/r/web/social- 
  plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

这将出现线条图像图标。我想根据我自己保存在本地文件夹中的自定义图像来更改它，但它没有生效，因为它是一个框架。

有人知道吗？

标签： javascriptcss

解决方案

如果该服务无法在任何类型的帐户设置中或通过其他参数更改此设置 - 那么您基本上就不走运了。

同源策略阻止您与通过您自己的脚本从不同域加载的 iframe 的内容进行交互，并且您也不能跨框架边界应用 CSS。

您可以尝试在 iframe 顶部放置您自己的图标，并使用它pointer-events: none来让任何点击直接通过它。但是根据服务的类型以及他们是否实施了任何“安全”措施，这可能会被标记为“点击劫持”尝试——如果不是他们，那么可能是某些浏览器或扩展程序。我不会真的推荐它。即使它现在可以工作，也可能会在某个时候改变。

推荐阅读