1. ホーム
  2. html

[解決済み] bodyタグに追加された奇妙なiframe、`rufous-sandbox`について

2022-01-30 20:45:30

質問

ローカルのWordPressサイトで作業しているのですが、なぜか iframe の直後に追加された body タグを使用すると、ボディが20pxほど下に下がります。

Googleで検索しても1件しかヒットせず、そこで読んだ内容もあまり役に立ちませんでした。それは次のようになります。 こちら .

WordPressサイトにはプラグインがインストールされておらず、これを設定すると display: none; は動作しません。

Chromeのスクリーンショットなので見てみてください。

解決方法は?

Twitterのスクリプトで追加されているようです。これを削除するとiframeは消えます。 bodyタグにdata-twttr-rendered="true"とあるので、何らかの方法でTwitterプラグインをインストールしているようです。

このコードを削除すると(私の場合は以下のコード)、消えます。

<script type="text/javascript">
  (function(){
    var twitterWidgets = document.createElement('script');
    twitterWidgets.type = 'text/javascript';
    twitterWidgets.async = true;
    twitterWidgets.src = '//platform.twitter.com/widgets.js';
    document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
  })();
</script>