Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

クロスドメインHTML5iframeの問題

postMessageを使用します 異なるドメイン間でデータを転送する方法。

例

次のコードスニペットを試して、クロスドメインHTML5iframeの問題を解決できます-

// Using postMessage()
window.onmessage = function(e) {
   e.source.postMessage(document.body.innerHTML, e.origin);
};
window.onmessage = function(event) {
   alert(e.data);
};
// fire
document.getElementById('frame1').contentWindow.postMessage('','*');

  1. GoogleChromeでのHTML5Canvasとz-indexの問題

    位置が固定されているキャンバスにzインデックスを適用すると、停止すると、chromeは position：fixedが正しく設定されている他のすべての要素をレンダリングします。 これは、キャンバスのサイズが256X256ピクセルより大きい場合にのみ発生します。 h1とcanvasの両方を固定divでラップし、問題を解決します- <div id = 'fixcontainer'>    <h1>Test Title</h1>    <canvas id = "backgroundCanv

  2. Phonegap + Windows Phone 8：HTML5ビューポートのメタとスケーリングの問題

    このような問題に直面した場合は、CSSを正しく記述していないことを意味します。 CSSに以下を追加するだけです- * {    zoom:1;    -ms-content-zooming:none; } 一部のコードでは、次の場合でも機能します- @viewport {    width:320px; } @-ms-viewport {    width:320px;    zoom-user:fixed;    max-zoom:1;    min