css - Google 自定义搜索不会预览

Question

我是使用 Dreamweaver 构建站点的相对新手。正在合并 Google 自定义搜索，但无法在“实时 View ”或任何浏览器中预览。不过，当我将页面上传到服务器时，它工作正常。这是代码...

<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
  google.load('search', '1', {language : 'en', style : google.loader.themes.ESPRESSO});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('015741423371300019115:mbkcgdyu4bo');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>

有什么建议可以预览吗？

谢谢

Answer 1

这可能是由于以下原因而发生的: 在代码的第 2 行，您会注意到您正在访问 Google 服务器中的一些 Javascript 代码。现在，许多服务器都有过滤器来限制哪些程序可以访问它们的数据。例如，浏览器可以传送数据，而机器人或屏幕抓取程序等其他代理将被拒绝访问。哪些程序被阻止取决于服务器。在您的本地机器上预览时，Dreamweaver 程序(不是浏览器)被 Google 服务器拒绝访问是很正常的。或者可能只是因为在预览模式下您只能访问本地数据并且与互联网断开连接。因此它无法访问 Javascript。

代码的以下部分是一些与您在站点上自定义搜索的具体实现相关的更多 Javascript。但是您会注意到它使用了未定义的函数。这些在第一部分的 Google 服务器 Javascript 中定义。因此，即使这部分无法执行，您也看不到呈现的任何自定义搜索。