break-shot, 桌面应用,用于捕获响应式网站的截图

分享于 

2分钟阅读

GitHub

  繁體 雙語
Desktop app for capturing screenshots of responsive websites
  • 源代码名称:break-shot
  • 源代码网址:http://www.github.com/victorferraz/break-shot
  • break-shot源代码文档
  • break-shot源代码下载
  • Git URL:
    git://www.github.com/victorferraz/break-shot.git
    Git Clone代码到本地:
    git clone http://www.github.com/victorferraz/break-shot
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/victorferraz/break-shot
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    Break

    break shot

    打破镜头是一个令人惊奇的屏幕截图应用。 它检测所有可用的分辨率并拍摄每个分辨率的截图。

    特性

    • 检测你的网站中可用的分辨率,并为每个断点拍摄屏幕截图
    • 以自定义大小为你的网站截图,通过用户界面定义
    • #breakshot 元素的支持,将它的用作屏幕截图画布

    简单用法

    检测断点

    • 选择源,它可以是动态 URL,也可以是本地文件
    • 下一步
    • 根据你所需要的尺寸大小( 大小,大小,大小,大小,大小,大小,大小等) 选择自动调整大小( ( 中断快照将找到媒体查询来定义断点) 或者自定义尺寸)
    • 下一步
    • 选择文件扩展名和所需的输出文件名。
    • 在保存文件中单击,选择输出目录。

    生成广告横幅

    使用diferents分辨率和用户 #breakshot 选择器中的媒体查询创建横幅。

    下载

    在这里,你可以找到在你的首选系统中运行的二进制文件。

    :如何贡献

    • 如果你找到 Bug,请使用 Bug 标签创建一个问题。
    • 如果你错过了一个特性,不要犹豫创建一个请求请求。

    插件开发设置

    git clone https://github.com/victorferraz/break-shot.gitcd break-shot
    npm i
    /Applications/nwjs.app/Contents/MacOS/nwjs .

    创建者

    Credits

    对 Marlos Carmo @marloscarmo的荣誉,他曾为开了的Break。

    许可证

    MIT许可协议下发布。


    WEB  DES  屏幕  网站  cap  桌面  
    相关文章