這個(gè)頁(yè)面的效果是什么原理？

網(wǎng)站打開來(lái)的時(shí)候，會(huì)先加載這個(gè)文件htmlpreview.min.js。

該js文件里面是一個(gè)HTMLPreview大對(duì)象。

var HTMLPreview = {
  loadHTML: function(data) {},
  send: function(file, callback) {},
  ...
};

loadHtml()調(diào)用了send()，而send()調(diào)用的是yahoo的api，https://query.yahooapis.com/v1/public/yql?...，這個(gè)yahoo的api請(qǐng)求就是去拿相關(guān)網(wǎng)站的網(wǎng)頁(yè)內(nèi)容了。等內(nèi)容異步返回后，loadHtml內(nèi)部執(zhí)行了這么一段話，就把整個(gè)網(wǎng)站給重寫了

document.open();
document.write(HTMLPreview.content);
document.close();