php - 检查网站上是否加载了我的 javascript

Question

我以前问过这个问题，但似乎我被误解了，所以我决定再问一次，但这次有很多信息:

对于懒惰的读者，我的目标是:

Is there a way to check if a javascript is enabled on an external site either from PHP or through Ajax

详细说明:

好的，我的公司有很多客户，当这些客户在我们的网站上注册时，他们会收到一个 javascript。然后他们可以在自己的网站上使用这个脚本来获得一些额外的功能。

现在，客户拥有的所有网站都存储在我们的 CMS 系统中(就像他们拥有的所有与我们签约的网站列表一样)。

现在我的老板给我分配了以下任务:

We need a function so that the user can press the button "Test" and the system will test if the javascript is on their site and working without errors (i.e is there another script blocking ours).

现在过去几天，我一直在尝试在 web 上找到类似的案例，而我唯一被建议的是 Phantomjs，但是没有关于如何接近的示例我想要实现的目标。

所以我的问题是:

1. 是否可以检查网站是否有特定的 javascript。
2. 是否可以检查 javascript 是否正常运行(如果控制台抛出错误)

我希望，这次我不会被误解:)如果您有任何问题，请留言，我会尽快回复!

phantomJs 解决方案(最初由 Elias 发布)

这是我的代码:

   var page = require('webpage').create();
page.onConsoleMessage = function( message, line, srcId)
{//show console errors for page
    console.log('Page has errors showing in console: ' + msg
        + ' (line: ' + (line || '?') + ', id: ' + srcId + ')');
};
page.open('http://www.marcrasmussen.com',function(status)
{
    if (status != 'success')
    {//can't load page
        console.log('Failed to open page: ' + status);
        phantom.exit();
        return;
    }
    var reslt = page.evaluate(function()
    {
        var usesOurScript = false,
            scripts = document.querySelectorAll('script');//get all script tags
        Array.forEach.apply(scripts, [function(elem)
        {//check all loaded scripts
              if (/jquery\.js/.js.js.test(elem.getAttribute('src')))
            {//this src attribute refers your script
                usesOurScript = true;//set to true
            }
        }]);
        return {page: location.href, found: usesOurScript};//return its href and the use-status
    });
    //script was found? adjust message
    reslt.found = (reslt.found ? ' uses ' : ' does not use ') + 'our script!';
    console.log(reslt.page + reslt.found);//logs url does not use || uses our script
    phantom.exit();
});

而且没有输出，当我从 php 运行它时，它会一直运行下去:

测试.php

<?php echo shell_exec('phantomjs hello.js');

?>

Answer 1

我也把它贴在这里。由于我是让您了解 phantomjs 的人，因此为您提供我认为是您问题的答案是公平的。
以下脚本在 headless 虚拟浏览器中打开一个页面，记录页面在实际浏览器中产生的任何控制台消息(使用 onConsoleMessage 事件)，如果页面无法加载，它还会记录错误，并且, 如果页面打开没有问题，它会检查所有 <script>该页面上的标签，寻找您的 javascript 文件。

var page = require('webpage').create();
page.onConsoleMessage = function( message, line, srcId)
{//show console errors for page
    console.log('Page has errors showing in console: ' + msg
                + ' (line: ' + (line || '?') + ', id: ' + srcId + ')');
};
page.open('http://www.your-url-here.org',function(status)
{
    if (status != 'success')
    {//can't load page
        console.log('Failed to open page: ' + status);
        phantom.exit();
        return;
    }
    var reslt = page.evaluate(function()
    {
        var usesOurScript = false,
        scripts = document.querySelectorAll('script');//get all script tags
        /* Array.forEach is causing errors, as it turns out...
        Array.forEach.apply(scripts, [function(elem)
        {//check all loaded scripts
            if (/yourScriptName\.js/.test(elem.getAttribute('src')))
            {//this src attribute refers your script
                usesOurScript = true;//set to true
            }
        }]);*/
        for (var i=0;i<scripts.length;i++)
        {
            if (/yourScriptName\.js/.test(scripts[i].getAttribute('src')))
            {
                return {page: location.href, found: true};
            }
        }
        return {page: location.href, found: false};
    });
    //script was found? adjust message
    reslt.found = (reslt.found ? ' uses ' : ' does not use ') + 'our script!';
    console.log(reslt.page + reslt.found);//logs url does not use || uses our script
    phantom.exit();
});

如果该文件执行类似 jQ 的操作(创建对某个对象的全局引用)，您甚至可以将其添加到 page.evaluate回调:

    var reslt = page.evaluate(function()
    {//this code will behave like it's running on the target page
        var libs = {jQuery: ($ || jQuery),
                    myLib: ourLibsGlobalName};
        return libs;
    });
    if (reslt.jQuery instanceof Object)
    {
        console.log('client uses jQ');
    }
    if (reslt.myLib instanceof Object)
    {
        console.log('client uses our lib, successfuly');//wouldn't be accessible if it contained errors
    }
    console.log(reslt.myLib);//shows full object, so you can verify it's the right one

注意:
此代码未经测试，我只是在脑海中写下它。它可能包含愚蠢的拼写错误。这不是对您所有祈祷的可复制粘贴答案。
我相信 page.evaluate回调能够返回一些东西，但是:它在加载页面的上下文中运行，并且是沙盒，所以你可能必须强制一个错误:

page.evaluate(function()
{
    Array.forEach(document.querySelectorAll('script'), [function(elem)
    {
        if (/yourScript\.js/.test(elem.getAttribute('src')))
        {
            throw {message: 'Script found',
                   nodeSrc: elem.getAttribute('src'),
                   pageUrl: location.href,
                   myLib  : yourGlobalVar}//<-- cf remarks on jQ-like usage
        }
    }]);
});

通过抛出这个未被捕获的自定义错误，它最终会出现在控制台中，您可以强制执行 page.onConsoleMessage handler 来处理这个异常。如果沙盒限制导致无限循环问题发生，这可能是绕过沙盒限制的一种方法。