Kairyou's Blog

专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]
  • 使用nodejs开发桌面客户端应用

    / 分类: 开发 / No Comments

    这里主要针对node-webkit和atom-shell, nodejs下开发桌面应用也有其他可以选择(大体都是基于Chromium + nodejs), 主要这两个相对比较流行, 源码也一直保持更新. 目前node-webkit文档/例子可能多一些, atom-shell相对少一些.
    详细区别什么的自己去搜吧, 自己使用中体验到的:

    • node-webkit入口是html, atom-shell入口是JS;
    • node-webkit功能相对多一些, 两者都可以把代码打包(一个是.nw,一个是.asar)放到应用里面;
    • 即使自己写了几KB的代码, 但最终生成的程序都至少几十MB, node-webkit生成的应用比atom-shell相对小一些;
    • 他们一些概念比较类似(可能方法不同), 熟悉一个后, 对熟悉另一个应该是有帮助的;

    性能什么肯定没有原生的好了, 但是用一种语言就可以生成cross-platform的软件, 这好处也是显而易见的; 总之开发一些简单的小应用, 还是非常适合的, 至少不需要再去学2-3门编程语言了.

    自己写了简单的例子, 源码放在: github.com/kairyou/create-desktop-app-with-nodejs
    里面的脚本, 在Mac下面可以直接运行程序, 或者可以直接生成/OSX/windows/Linux三个平台的程序.

    自己偏向atom-shell多一些, 不过目前两个还是都要熟悉下, 可能有些特殊的功能, 必须要使用其中一个才能满足~

    这两个的源码和官方文档:
    github.com/rogerwang/node-webkit
    github.com/atom/atom-shell

  • chrome 插件 User-Agent Switcher +

    / 分类: 工具 / 9 Comments

    之前用的插件User-Agent Switcher for Chrome在开发版的chrome不能用了, 所以索性自己开发了一个.
    当然, 功能要比它更强大, 除了自动匹配域名使用不同的user-agent外, 还可以:

    • 根据关键词搜索User-Agent;
    • User-Agent列表可以tab切换焦点enter直接切换;
    • 快速添加/编辑/删除User-Agent和domain规则;
    • 备份/导入设置;

    User-Agent Switcher

    Ps: chrome插件开发者帐号要付款$5认证, 没法付款, 所以暂时还不能发布到chrome extensions.

    安装: https://raw.githubusercontent.com/kairyou/user-agent-switcher/master/build.crx

    下载到本地, 打开chrome://extensions/ 拖放到列表安装.

    源码: https://github.com/kairyou/user-agent-switcher