casperjs - 你如何在 CasperJS 中禁用 css？

Question

我知道如何禁用图像和插件，但似乎没有明显的选项来禁用 CasperJS 中的 css。

有谁知道这是如何工作的？

Answer 1

假设您想抑制所有外部样式表的加载，您可以通过中止加载 css 文件的请求来实现，这是通过为 options.onResourceRequested 分配一个函数来完成的。 :

var casper = require('casper').create();
casper.options.onResourceRequested = function(C, requestData, request) {
  if ((/https?:\/\/.+?\.css/gi).test(requestData['url']) || requestData['Content-Type'] == 'text/css') {
    console.log('Skipping CSS file: ' + requestData['url']);
    request.abort();
    }
  }

为了避免使用内联样式表，我唯一的想法是使用一些 JavaScript 在页面加载后立即删除所有样式。

如果您将 SlimerJS 与 CasperJS 一起使用，那么几乎可以肯定 Gecko 引擎中有一个选项可以禁用 CSS(基于 Web Developer 插件有一个选项的事实)。