Disqus:如何测试其UI集成

时间:2014-03-06 21:24:08

标签: javascript user-interface disqus

我们在大型网页中以标准方式使用Disqus

<div id="disqus_thread"></div>

然后是剧本。

问题是

有一种简单的方法可以在本地测试吗?我只关心它的外观,它是如何适合的? 我只是专注于用户界面,所以我想用一些虚假的评论或类似的东西来填充div ...这有点像测试布局的人把拉丁语的内容作为内容...

1 个答案:

答案 0 :(得分:1)

首先告诉disqus你在developer mode所以它将允许你的本地网站加载disqus js脚本,这样:

<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: THIS CODE IS ONLY AN EXAMPLE * * */
    var disqus_shortname = 'example'; // Required - Replace example with your forum     shortname
    var disqus_identifier = 'a unique identifier for each page where Disqus is present';
    var disqus_title = 'a unique title for each page where Disqus is present';
    var disqus_url = 'a unique URL for each page where Disqus is present';
    /* * * REMOVE THE FOLLOWING LINE IN PRODUCTION * * */
    var disqus_developer = 1;
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
       var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>

之后,您可以使用disqus导入功能来加载大量测试注释。另外,我建议您阅读best practices