首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端构造桌面级应用(QQ音乐)

nw.js就是使HTML, CSS, JavaScript写的原本在浏览器上运行的程序,也可以在桌面端运行。...image nw的安装与使用 下载安装包安装(建议大家下载带有开发包的 便于调试) 官网下载nw.app的压缩包 解压以后即可使用 附官网地址: https://github.com...Versions/67.0.3396.79 我把这个软件安装在了桌面上 这是目标地址 大家只要记住后面的就行,Versions后面的数字 代表的nw内嵌的谷歌版本(不一样也没事) nw的使用以及如何调试...丢帧,这个最严重,可我已习惯了native 的丝滑. mac下感觉还可以 win下有点够呛。 打出来的包太大。...从license上来看,Electron是Github的,NW.js则是Intel。 nw 在mac上只能构建mac的应用 ,windows下只能构建windows的。

2.6K40
您找到你想要的搜索结果了吗?
是的
没有找到

NW.js构建跨平台桌面应用(1)-入门案例

NW.js的用途 NW.js 基于 Chromium 和 Node.js,从而可以在桌面app中使用浏览器开发技术并直接调用 Node.js 资源,甚至将一个web应用打包到本地也轻而易举。...安装NW.js 可以从官网下载; 推荐在开发时下载是sdk版,以使用DevTools 非sdk版也应同时下载,在发布时使用 写一个 Hello World!.../path/to/nw 是 NW.js 的二进制运行文件; 在Windows上是nw.exe,在Linux上是nw,而在Mac则是nwjs.app/Contents/MacOS/nwjs Linux和Mac...可能需要sudo提升运行权限 例如mac上用如下方式启动:sudo ~/nwjs/nwjs.app/Contents/MacOS/nwjs . ?...将第一步中下载的“非sdk版程序包的.zip文件”所在的目录,填入"Download location",并且不勾选"SDK build"选项 点击右下角的Export按钮,即可发布,默认路径是output mac

3.9K20

通过 Mac 远程调试 iPhoneiPad 上的网页

我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具(如最著名的 Firebug)对前端开发进行调试,而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯,直接对网页调试非常不方便...iOS 6 给 Safari 带来了远程的 Web 检查器工具(Remote Web Inspector),你可以通过模拟器或者真实的设备(通过 USB 连上 Mac)进行调试。...下面我讲讲详细的调试过程: 1. 要进行远程调试,首先要打开开启 iPhone/iPad 上的 Safari 的远程调试功能,“通过 设置 > Safari > 高级”开启: 2....最后把 iPhone 或者 iPad 通过数据线连上 Mac 电脑,打开桌面版的 Safari(目前 iOS 6 的 Safari 远程调试只支持通过 Mac 上的桌面版的 Safari 进行,Safari...最后就是调用桌面版的 Safari 的 Web 检查器对 iPhone/iPad 上的 Safari 应用进行调试: 这个调试过程和我们平常在 Mac/PC 上调试基本一样,比如可以对 HTML 和

1.6K20

mac下利用Breakpad的dump文件进行调试

利用这个库可以在Windows, Mac, Linux, iOS, Android平台上对程序异常崩溃进行捕获,并生成dump文件供后期调试。...这里就根据我在Windows和Mac两个平台的使用经验来总结下吧。...dump_syms用于从可执行程序中抽取出调试符号保存到syms符号文件中,而minidump_stackwalk则根据syms文件来分析mini dump文件,得到一个可读性强的崩溃调用堆栈。.../dump_syms ~/Test/Caputre > Capture.syms 创建有层次的调试符号文件夹: head -n1 Capture.syms // 查看文件层次 mkdir -...再提一句,不管在Windows上还是Mac上,编译Release的时候最好把调试符号文件保存好。这样利用breakpad来分析的时候才能事半功倍,breakpad方才能展现其强大的一面。

4.7K90

如何在Mac OS上使用UiAutomator快速调试

本人最近在Mac OS上使用UiAutomator快速调试类的时候发现跟Windows环境下使用有很大的区别,对于我这个Mac OS小白来说有很多坑要填,今天终于修改完毕,分享代码,供大家参考。...program "/Users/dahaohaozai/android-sdk-macosx/toos/android": error=2, No such file or directory 下面是调试类的代码...E-mail:Fhaohaizi@163.com * @version 创建时间:2017年8月18日 上午10:53:24 * @alter 修改时间:2017年10月23日10:19:34 类说明:测试调试用例...工作空间不需要配置,自动获取工作空间目录 public UiAutomatorHelper() {// 如果类有带参构造方法,必须把隐藏的空参构造方法写出来 output("欢迎使用自定义调试类...public UiAutomatorHelper(String jarName, String testClass, String testName) { output("欢迎使用自定义调试

85420

用Visual Studio Code写Node.j

介绍 vsc的宣传语是: 一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。 按它说的,vsc特别适合来作为前端开发编辑器。...说完智能提示,再说代码调试调试Node 之前写过文章介绍过node.js的调试方案(Node.js调试)。从vsc发布后,我就一直用它写代码,也是用它来调试node.js代码。...使用方法也很简单,步骤如下: 打开要调试的文件,按f5,编辑器会生成一个launch.json 修改launch.json相关内容,主要是name和program字段,改成和你项目对应的 点击编辑器左侧长得像蜘蛛的那个按钮...点击左上角DEBUG后面的按钮,启动调试 打断点,尽情调试 过程如下图: ?...vsc是用atom-shell(现在叫electron)写的,这玩意和node-webkit(现在叫nw.js)一样,都是把node.js和chrome结合起来的工具,所以可以这么使用。

1K130

NW.js构建跨平台桌面应用(2)-原生界面API

而前面提到的两者,要么无法访问GUI,要么受限于API边界,均无法提供 NW.js Native UI APIs 则在其他JS层的顶部提供了这些完整的功能 1.1 获取nw实例 旧版本中可以用 var...Window API - 操作NW.js窗口 在NW.js中,Window API 只不过是对DOM中window对象的一层包装,很多(并非所有)方法和属性继承了后者的用法,同时window对象也是 Node.js...(); other.hide();other.maximize(); other.unmaximize();other.focus(); 应成对使用以上方法并仔细测试,否则会在不同平台引起差异;比如在Mac...Menu API - 菜单栏和右键中的菜单 NW.js中,共有三种类型的菜单: 上下文菜单:右键单击应用内的元素时 窗口菜单:在Windows或Linux中,每个窗口上方都可以有自己的菜单栏;==在Mac...(这些图标在不同平台叫法不同,Mac中叫做 Status Item, 一些Linux中叫做 Status Icon, Windows 中叫做 System Tray Icon) // 创建一个托盘图标

6.4K40
领券