用JavaScript检测脚本是否被阻塞(通过网络过滤、防火墙等)

Question

在Internet <9中，至少链接到阻塞的资源(由于防火墙、WebSense等)将返回一个错误。例如，如果Facebook被阻塞，链接到Facebook文件将导致Internet中的一个错误。

在链接到外部JavaScript文件之前，是否可以测试网站在JavaScript中是否被阻塞，以便达到以下目的：

1. 防止JavaScript错误出现在Internet中
2. 如果代码依赖于外部文件，则可以阻止其运行，从而导致与缺少外部库有关的进一步JavaScript错误。

Answer 1

看看facebook，看起来它是通过在头中插入一个脚本元素来异步注入的。这意味着您所要做的就是创建回调处理程序，如果facebook被阻塞，那么就永远不会被调用。您不应该得到任何浏览器脚本错误。所以你应该可以这样做：

<div id="fb-root"></div>
<script>
  var FACEBOOK_BLOCKED = true;
  window.fbAsyncInit = function() {
    FACEBOOK_BLOCKED = false;
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelURL : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      oauth      : true, // enable OAuth 2.0
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     d.getElementsByTagName('head')[0].appendChild(js);
   }(document));
</script>

对于更一般的用例，类似的方法将适用于您可以使用JSON方法调用的任何脚本。当然，这要求服务器将回调函数作为参数(或者自动调用预先命名的函数)：

// Load some SDK Asynchronously
(function(d){
    var js = d.createElement('script');
    js.src = "http://www.example.com?callback=myfunc";
    d.getElementsByTagName('head')[0].appendChild(js);
}(document));

var SCRIPT_LOADED = false;
var myfunc = function() {
   SCRIPT_LOADED = true;
}

更新

刚刚遇到了这方法，您可能需要尝试一下：

function loadScript(sScriptSrc, oCallback) {
    var oHead = document.getElementById('head')[0];
    var oScript = document.createElement('script');
    oScript.type = 'text/javascript';
    oScript.src = sScriptSrc;
    // most browsers
    oScript.onload = oCallback;
    // IE 6 & 7
    oScript.onreadystatechange = function() {
        if (this.readyState == 'complete') {
            oCallback();
        }
    }
    oHead.appendChild(oScript);
}

Answer 2

您可以使用jquery的getScript函数，它有一个成功的函数，只有在加载了脚本之后才能执行，请在这里查看：http://api.jquery.com/jQuery.getScript/