javascript – 使用phantomjs在本地文件上使用extjs代理进行ajax调用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用phantomjs在本地文件上使用extjs代理进行ajax调用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3836字，纯文字阅读大概需要6分钟。
内容图文
我有一个基本的EXT JS商店,它使用代理来访问本地json文件.
例如
...
proxy: {
type: 'ajax',
api: {
read: 'data/mydata.json'
},
reader: {
type: 'json',
root: 'datas',
successProperty: 'success'
}
}
...
我想用Maven,Jasmine和PhantomJS用Atlassian Bamboo(我的CI服务器)构建和测试我的项目.
当我在本地执行PhantomJS时,如下所示：
$phantomjs "c:\phantomjs-1.6.1\examples\run-jasmine.js" run-tests.html
我得到以下输出：
'waitFor()' finished in 422ms.
4 specs, 2 failures in 0.075s
发生这种情况是因为PhantomJS无法使用file：//协议为EXT JS代理加载本地文件.
我正在关注this示例,我想知道是否可以模拟我的代理响应,以便我可以在本地(在我的Bamboo服务器上)使用测试html文件的PhantomJS,而不是必须在Apache等Web服务器中托管项目(我将不得不使用Maven管理外部依赖).
如果没有,是否有任何其他机制(内置于Jasmine,PhantomJS或其他),我可以使用它来实现这一目标？
解决方法:
从文件系统加载时,实际上可以使用PhantomJS进行XHR！
--web-security=[yes|no] disables web security and allows cross-domain XHR (default is yes)
另见this issue report for PhantomJs,这可能会对这一主题有所了解.
Sencha的’sencha create jsb’命令使用PhantomJs(和Ext.Loader使用XHR),它支持从文件系统加载.
name: 'app-entry',
alias: 'a',
description: 'The file or URL path to your application\'s HTML entry point',
结帐[senchasdktools] /compat/command/src/modules/GenerateJSB.js和[senchasdktools] /compat/command/scripts/phantomjs-jsb.js.
我没有看到与提到的网络安全开关有关的任何内容.也许他们使用自定义的phantomJs构建.
UPDATE
此代码片段允许对文件系统的XHR请求.使用最新版本的phantomJs(1.6.1 / Windows)进行测试：
var page = new WebPage();
page.settings.localToRemoteUrlAccessEnabled = true;
UPDATE2
这是一个有效的例子.
将所有内容放在同一文件夹中,添加包含一些内容的test.txt文件,然后运行
phantomjs script.js test.html
phantomjs脚本(script.js)：
var fs = require('fs');
var appLocation = phantom.args[0];
var page = new WebPage();
page.settings.localToRemoteUrlAccessEnabled = true;
page.settings.ignoreSslErrors = true;
page.onConsoleMessage = function(message, url, lineNumber) {
console.log((url ? url + " " : "") + (lineNumber ? lineNumber + ": " : "") + message);
};
page.onError = function (msg, trace) {
console.log(msg);
trace.forEach(function(item) {
console.log(' ', item.file, ':', item.line);
});
phantom.exit(1);
};
if (!/^file:\/\/|http(s?):\/\//.test(appLocation)) {
appLocation = 'file:///' + fs.absolute(appLocation).replace(/\\/g, '/');
}
page.open(appLocation, function(status) {
if (status !== 'success') {
error("Failed opening: '" + appLocation + "'. Please verify that the URI is valid");
}
page.evaluate(function() {
window.onerror = function(message, url, lineNumber) {
console.log((url ? url + " " : "") + (lineNumber ? lineNumber + ": " : "") + message);
};
});
timer = setInterval(function() {
console.log('Timeout!');
phantom.exit(1);
}, 2000);
});
Html文件(test.html)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html class="x-border-box x-strict">
<head>
<title>Test</title>
<script type="text/javascript">
var xhr = new XMLHttpRequest();
try {
xhr.open('GET', 'test.txt', false);
xhr.send(null);
} catch (e) {
console.log('cross origin?');
}
console.log('status', xhr.status);
console.log('response', xhr.responseText);
</script>
</head>
<body class="x-body">
</body>
</html>
Chrome和–disable-web-security和ExtJs
我实际上使用–disable-web-security作为启动参数,谷歌Chrome在开发过程中从文件系统运行我的webapp,它可以在那里运行(启动Chrome时不必运行其他Chrome进程).
Chrome会显示一条警告消息,指出您使用的是不受支持的选项(顶部的黄色通知栏).
但是,为了在这样的设置中工作,我需要一个额外的Ext.Connection补丁来解决两个问题：
(1)加载文件系统资源时,xhr.status始终为0. Ext不认为此状态代码成功.当Ext在PhantomJs中运行时,有专门用于处理此问题的代码 – 这就是它应该在那里工作的原因.
(2)当URL包含查询字符串时,Chrome无法加载文件系统资源.在文件系统模式下,我重写Connection类以去除所有url参数.
内容总结
以上是互联网集市为您收集整理的javascript – 使用phantomjs在本地文件上使用extjs代理进行ajax调用全部内容，希望文章能够帮你解决javascript – 使用phantomjs在本地文件上使用extjs代理进行ajax调用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。