[解決済み] ウェブページがiframe内に読み込まれているのか、それともブラウザのウィンドウに直接読み込まれているのかを識別するにはどうしたらよいですか?
2022-03-14 09:31:43
質問
私はiframeベースのfacebookアプリを書いています。現在、同じ html ページを使用して、通常のウェブサイトと facebook 内のキャンバス ページをレンダリングしたいと考えています。ページがiframe内に読み込まれたのか、それともブラウザに直接読み込まれたのかを判断することができるでしょうか?
解決方法は?
ブラウザは、以下のアクセスをブロックすることができます。
window.top
により
同一生成元ポリシー
. IEのバグも発生する。以下は動作するコードです。
function inIframe () {
try {
return window.self !== window.top;
} catch (e) {
return true;
}
}
top
と
self
はいずれも
window
オブジェクトを作成します。
parent
)なので、自分のウィンドウがトップウィンドウかどうかを見ているのです。
関連
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] コールバック内で正しい `this` にアクセスする方法
-
[解決済み] ブラウザのビューポート寸法を取得する方法を教えてください。
-
[解決済み] ページロード後にJavaScriptを実行させるには?
-
[解決済み] フレームバスターバスター ... バスターコード必要
-
[解決済み] JavaScriptで画像データのURLを取得する?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
fetch ネットワークリクエストラッパーの説明例
-
要素ツリー制御によるvueTreeテーブル
-
JSアレイループと効率解析の比較
-
vueにおけるfilterの適用シーンについて解説します。
-
Vueのイベント処理とイベントモディファイアの解説
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み】TypeError: Router.use() はミドルウェアの関数を要求しているが、Object を取得した。
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。