Kairyou's Blog

专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]
  • 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

  • sublime利用ClosureCompiler和YUICompressor本地压缩

    / 分类: 工具,实践 / 1 Comment

    server端基本靠nodejs来压缩了, 本地也可能因为特殊需求而需要直接压缩js/css, 不同的系统node的兼容不算好, 不好配置统一的环境, 而且有些人也用不到到node. 所以想到了利用基于java的ClosureCompiler和YUICompressor(下面简称CC和YUI).

    写了2个ST的build tool, 源码:
    https://github.com/kairyou/SublimeGoogleClosureCompiler
    https://github.com/kairyou/SublimeYUICompressor
    在ST2/ST3(Windows/Mac)下面测试通过, Linux应该也能跑.
    如果有语法错误可以直接双击console面板的错误行, 就会跳到源文件的对应行.
    直接git clone或下载到ST插件目录就可以了.
    使用时在ST的tool-build system选择CC或YUI后, ctrl+b直接压缩(推荐js使用CC压缩, css使用YUI压缩).

    因为之前用editplus和vim时, 用到了淘宝压缩的cmd, 所以写cmd时copy了大部分代码, 节约了很多时间, 感谢.
    开发中也遇到几个蛋疼的问题, 花了不少功夫才解决了这些问题:
    sublime的build system设计的不够好, 如果console面板错误行没输出文件的绝对路径, 双击错误行不会跳转.
    YUI的输出错误不带路径, 所以需要自己再包一层cmd/bash脚本, 捕获输出并加上文件路径再返回给ST.
    而且YUI返回错误时还附带了一堆java信息, 需要过滤掉.
    另外, Windows下面cmd捕获/修改输出太弱了, 不得不写个hack来存放输出再读取再修改. 有兴趣的可以对比下SublimeYUICompressor/bin下面的cmd和sh文件就明白了.

    另外Windows下面要有%JAVA_HOME%的环境变量, 如果没有需要装JDK, 请查看https://github.com/kairyou/JDK, 里面有快速搭建说明.