如何加载外部文件转换成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

让我知道如果你想知道什么。