update iframe demo

docs/iframe.html

@@ -40,29 +40,29 @@
 
 <body>
     <div class="container">
-        <iframe id="iframe" src="./iframe.inner.html" frameborder="0" width="100%" height="100%"></iframe>
+        <iframe id="iframe" src="./iframe.inner.html" frameborder="0" width="100%" height="100%"
+            allowfullscreen="true"></iframe>
     </div>
     <script>
         const $iframe = document.getElementById('iframe');
+
         window.addEventListener('message', event => {
-            console.log('来自子窗口的信息 -->', event.data);
-
             const { type, data } = event.data;
-
             switch (type) {
                 case 'fullscreenWeb':
                     if (data) {
                         $iframe.classList.add('fullscreenWeb');
+                        const { clientWidth, clientHeight } = document.documentElement;
+                        $iframe.contentWindow.postMessage({
+                            type: 'autoOrientation',
+                            data: {
+                                clientWidth,
+                                clientHeight
+                            },
+                        }, '*');
                     } else {
                         $iframe.classList.remove('fullscreenWeb');
                     }
-
-                    // 向子窗口发送信息
-                    $iframe.contentWindow.postMessage({
-                        from: 'parent',
-                        type: 'fullscreenWeb',
-                        data: data,
-                    }, '*');
                     break;
                 default:
                     break;