我想在浏览器中运行我的科尔多瓦应用程序(不是波纹模拟器,而是直接在浏览器中)。我在 SO 上找到了一种方法,它只是将 IIS 设置到 www 文件夹。这工作得很好,但我想知道是否可以直接为浏览器添加一个平台,以便它在 F5 上运行。我对此不是很有经验,但我看到例如在原始 Ionic 工具中,您可以执行“离子服务”,它会启动 Web 服务器并打开浏览器。我想它在幕后运行节点。在 Visual Studio 中通过节点或 II 有一种简单的方法吗?
5 回答
要在使用 Visual Studio 2015 时在浏览器中打开您的 cordova 应用程序,我建议使用Gulp
+ BrowserSync
:
browser.sync
从NPM下载。最好的下载方式是将其添加到 package.json 并自动下载。
{
"name": "content_md_app",
"version": "1.0.0",
"devDependencies": {
"gulp": "3.9.0",
"browser-sync": "2.10.0",
},
"dependencies": {
}
}
添加一个 gulp 任务以使启动更容易。在项目根目录中创建一个 gulpfile.js 并添加任务。吞咽任务示例:
gulp.task('browser.sync', function () {
browserSync.init({
server: {
baseDir:"./www/"
}
});
// Note. you can add browserSync.reload to the tasks runner explorer array to make
// all browsers reload after a build is complete.
});
我认为不可能在 Visual Studio 甚至原生 Cordova 中添加“浏览器”环境。如果你真的需要这样的功能,你可以使用 IBM MobileFirst(我不推荐,只要你不使用他们的服务器)。
我个人不需要 Visual Studio 中的 F5 功能。只需保存,转到浏览器并在那里按 F5。对于调试,我将 Chrome 与开发人员工具一起使用。
顺便说一句:我没有将 IIS 设置到 www 文件夹,而是设置到项目文件夹。我这样做是因为我使用 TypeScript 作为脚本语言。TypeScript 文件位于 www 文件夹旁边。通过我的设置,Chrome 能够找到与 JavaScript 代码对应的 TypeScript 源。
右键单击 index.html 文件,然后选择Open With.. -> add-> 然后从可用程序中选择浏览器,然后单击 OK
您可以创建一个 IIS 节点,例如http://localhost/cordovaApp,我在我的一个项目中使用了这种方法,它真的很方便。