?

所以此技術只適用于對兼容性沒有嚴格要求的一些項目。

三、結束語

其實很多效果，我們直接在結束當前頁面的window上下文預覽也沒什么，但是有一些效果就不行，例如，預覽針對響應式布局的media屏幕寬度查詢下的效果，必須是真實的窗體寬度才會觸發CSS查詢語句的執行，此時，只能在<iframe>中預覽，我們只要把<iframe>元素寬度設置到我們需要的大小就可以了，例如，需要預覽類似如下CSS代碼效果：

@media screen and (max-width:480px) {img { max-width: 100%; } }

只要設置<iframe>元素寬度為480像素就可以了。

?

轉載于:https://www.cnblogs.com/xy2c/p/7501293.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。