Bagaimana untuk Memohon CSS pada iFrames daripada Domain Berbeza Sambil Menjaga Keselamatan?

Mengatasi Sekatan Merentas Domain: Menambah CSS pada iFrames

Mengakses dan mengubah suai kandungan dalam iFrames menimbulkan cabaran kerana sekatan merentas domain. Artikel ini meneroka penyelesaian untuk menggunakan CSS pada iFrames pada domain yang berbeza.

Menggunakan CSS Tersuai pada iFrames

Untuk menggunakan CSS tersuai pada iFrame yang dimuatkan daripada domain lain, kita boleh memanfaatkan teknik berikut:

// Assume 'cssLink' is a valid CSS link element
frames['iframe'].document.body.appendChild(cssLink);

Sebagai alternatif, pendekatan jQuery:

var $head = $("iframe").contents().find("head");
$head.append($("<link/>", { rel: "stylesheet", href: "file://path/to/style.css", type: "text/css" }));

Pertimbangan Keselamatan

Mengakses kandungan merentas domain yang berbeza boleh memperkenalkan kebimbangan keselamatan. Untuk mengurangkan risiko ini, pertimbangkan perkara berikut:

• Dasar Asal Sama: Muatkan iFrame dengan selamat dari domain yang sama atau gunakan Perkongsian Sumber Silang (CORS).
• Protokol Fail: Muatkan iFrame melalui protokol 'file://', ​​yang memintas sekatan merentas domain dalam Safari Mudah Alih.

Dengan menggunakan teknik ini, pembangun boleh menggunakan CSS pada iFrames dengan berkesan, walaupun apabila dimuatkan dari domain yang berbeza, sambil mematuhi langkah keselamatan yang sesuai.

Atas ialah kandungan terperinci Bagaimana untuk Memohon CSS pada iFrames daripada Domain Berbeza Sambil Menjaga Keselamatan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!