回答編集履歴
3
HTMLに表記をまとめました。
answer
CHANGED
|
@@ -12,15 +12,16 @@
|
|
|
12
12
|
```lang-＜HTML＞
|
|
13
13
|
<!-- //jQueryの読み込み ※すでに読み込んでる場合は必要ない -->
|
|
14
14
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
15
|
-
```
|
|
16
15
|
|
|
17
|
-
--
|
|
16
|
+
<!--//jQueryを使ってiframe内のbodyにtransform:scale(0.5);を指定する。
|
|
18
|
-
|
|
17
|
+
<script type="text/javascript">
|
|
19
18
|
$(function(){
|
|
20
19
|
$(document).load(function(){
|
|
20
|
+
// #ifrmを選択→中身にアクセス→bodyタグを探す→CSSを追加する
|
|
21
21
|
$("#ifrm").contents().find("body").css("transform","scale(0.5)");
|
|
22
22
|
});
|
|
23
23
|
});
|
|
24
|
+
</script>
|
|
24
25
|
```
|
|
25
26
|
しかし、JavaScriptを使った場合でも”**親ページと同じドメインのiframe**”しか操作は出来ません。
|
|
26
27
|
これはJavaScriptのセキュリティ上の仕様です。
|
2
書式の改善
answer
CHANGED
|
@@ -7,15 +7,18 @@
|
|
|
7
7
|
JavaScriptを使って制御する方法が挙げられます。
|
|
8
8
|
|
|
9
9
|
素のJavaScriptでも良いですが簡単なのでjQueryというライブラリーを使った書き方を紹介します。
|
|
10
|
+
|
|
11
|
+
---HTML※ヘッダー内に
|
|
10
12
|
```lang-＜HTML＞
|
|
11
13
|
<!-- //jQueryの読み込み ※すでに読み込んでる場合は必要ない -->
|
|
12
14
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
13
15
|
```
|
|
14
16
|
|
|
17
|
+
---jQuery
|
|
15
18
|
```lang-＜javaScript＞
|
|
16
19
|
$(function(){
|
|
17
20
|
$(document).load(function(){
|
|
18
|
-
|
|
21
|
+
$("#ifrm").contents().find("body").css("transform","scale(0.5)");
|
|
19
22
|
});
|
|
20
23
|
});
|
|
21
24
|
```
|
1
編集中の誤投稿を修正
answer
CHANGED
|
@@ -14,9 +14,12 @@
|
|
|
14
14
|
|
|
15
15
|
```lang-＜javaScript＞
|
|
16
16
|
$(function(){
|
|
17
|
-
$(
|
|
17
|
+
$(document).load(function(){
|
|
18
18
|
jQuery("#ifrm").contents().find("body").css("transform","scale(0.5)");
|
|
19
19
|
});
|
|
20
20
|
});
|
|
21
21
|
```
|
|
22
|
-
しかし、JavaScriptを使った場合でも”**親ページと同じドメインのiframe**”しか操作は出来ません。
|
|
22
|
+
しかし、JavaScriptを使った場合でも”**親ページと同じドメインのiframe**”しか操作は出来ません。
|
|
23
|
+
これはJavaScriptのセキュリティ上の仕様です。
|
|
24
|
+
|
|
25
|
+
もし、クロスドメイン(他のドメインのサイト)を弄りたいというのであれば簡単な方法では解決しません。
|