如何加載外部文件轉換成HTML

Question

當我保留搜索引擎可訪問我打算：

$('#main.sidecontent').load('/sidecontent.html'); 

，並插入：

<div class="sidecontent" id="main"></div> 

幾個HTML頁面一個div因爲這個div的內容是同樣的，我試圖理順我的工作流程，基本上避免在內容div改變時編輯每一個html頁面。

我的問題： 此方法推薦用於移動設備兼容/跨平臺嗎？ 此方法是否保留搜索引擎可訪問性，如果不是，我將如何實現它？

謝謝。

Answer 1

問題是，首先，你要插入數據的部分是空白的，這意味着在Facebook上分享這個頁面會導致只是一個空白框。因此，您想要實現的是在爬網之前運行該JavaScript的方法。有幾個服務提供了這個。我個人最喜歡的是Prerender.io。我在我的Angular.js項目中使用了這個項目，其中網站上顯示的大部分信息都是通過AJAX加載的。奇蹟般有效！

這裏是你開始的文件獲得：Prerender.io documentation

讓我知道如果你想知道什麼。