緣起
想用iframe在web頁面掛一個(gè)有道翻譯的手機(jī)端頁面，網(wǎng)上找到個(gè)樣列代碼输虱，在里面把地址換成我要的https://m.youdao.com妇多，完美顯示老速！
于是拷貝出來自己用啊研，結(jié)果就不那么完美了！
嵌入的內(nèi)容顯示成了web版的乘凸，通過調(diào)試工具發(fā)現(xiàn)是有道自己做了轉(zhuǎn)發(fā)厕诡，應(yīng)該是根據(jù)請(qǐng)求環(huán)境返回不同的頁面。
接下來就靠搜索引擎一頓瞎猜营勤，找了很多解決方案灵嫌，有說加header的，有說改樣式的葛作，有說模擬環(huán)境的寿羞，結(jié)果都不行。
解決方案
直接在iframe加sandbox="allow-same-origin allow-forms"屬性进鸠。
<iframe src="https://m.youdao.com/" sandbox="allow-same-origin allow-forms" seamless width="280" height="653" frameborder="0" name="youdaoFrame"></iframe>
注意
如果加了allow-scripts屬性稠曼，會(huì)失效，又加載成web版了客年！
教訓(xùn)總結(jié)
遇事不要慌霞幅，不要病急亂投醫(yī)，多看看官方文檔量瓜，最簡(jiǎn)單的解決方案就在最基礎(chǔ)的文檔里面司恳。
