Octotree Chrome安装与使用方法 Octotree Chrome作用: 主要使你在github查看项目时可以清晰明了的看到项目的结构以及具体代码,使下载代码更具有目的性,减少不必要代码的下载,而且看起来更清楚. 效果图:(安装插件前) 希望对想使用此插件的伙伴有所帮助! 效果图:(安装插件后) 1.下载octotree  Chrome插件, 地址是:http://www.cnplugins.com/devtool/octotree/download.html 如果下载不成功,可到提供

GitHub 作为代码托管平台,竟然没有提供项目目录,方便用户在线快速浏览项目结构.所以,在线分析项目源码就会变得很繁琐,必须一层一层点击,然后再一次一次地向上返回.要知道,本来 GitHub 网站在中国区的访问就已经很慢了.最无奈的做法就是,下载到本地,再使用 vs 等编辑器打开. Octotree 作为 Chrome 浏览器的一款插件,刚好解决这个使用痛点.他能够像 IDE 一样提供项目目录,快捷导航,方便浏览.同时支持 GitHub 和 GitLab 两个常用的代码托管网站.更贴心的是,你

前言 最近有个同事看到我打开Github项目时,浏览器上的展示效果是树形的,于是他问我这个是什么浏览器插件,我告诉他是Octotree插件.现在我就来介绍介绍这款Octotree插件. 效果对比 1.未安装Octotree插件的效果 首先来看看,如果没有安装Octotree插件来打开Github项目是什么效果? 我们打开square公司开源的retrofit项目,如下图所示: Google Chrome 浏览器的效果 Firefox浏览器的效果 2.安装Octotree插件之后的效果 接下来看看

Chrome HomePage:https://www.google.com/chrome/ Chrome应用商店:https://chrome.google.com/webstore/category/extensions Chrome命令 Chrome有很多的特性在界面菜单中没有体现,可通过chrome://命令来访问. 查看chrome所有命令:chrome://about/ 一些常用命令: chrome://version (关于版本) chrome://settings (设置) ch

简介 http://www.mozilla.org/ 中文官网:http://www.firefox.com.cn/ https://www.mozilla.org/zh-CN/firefox/ Mozilla Firefox,中文俗称"火狐"(正式缩写为Fx或fx,非正式缩写为MF),是一个自由及开放源代码的网页浏览器: 支持多种操作系统,如Windows.Mac OS X及GNU/Linux等. Firefox ESR版本 Firefox提供了普通版和ESR(Extended Su

Octotree Chrome作用: 主要使你在github查看项目时可以清晰明了的看到项目的结构以及具体代码,使下载代码更具有目的性,减少不必要代码的下载,而且看起来更清楚. 效果图:(安装插件前)  效果图:(安装插件后)  操作步骤: 1.下载octotree Chrome插件, 地址是:http://www.cnplugins.com/devtool/octotree/download.html 如果下载不成功,可到提供的github路径下去下载:https://github.com/z

GitHub 作为代码托管平台,竟然没有提供项目目录,方便用户在线快速浏览项目结构.所以,在线分析项目源码就会变得很繁琐,必须一层一层点击,然后再一次一次地向上返回.要知道,本来 GitHub 网站在中国区的访问就已经很慢了.最无奈的做法就是,下载到本地,再使用 vs 等编辑器打开. Octotree 作为 Chrome 浏览器的一款插件,刚好解决这个使用痛点.他能够像 IDE 一样提供项目目录,快捷导航,方便浏览.同时支持 GitHub 和 GitLab 两个常用的代码托管网站.更贴心的是,你

插件下载地址:http://www.cnplugins.com/devtool/octotree/download.html Octotree 是国外程序员Buu Nguyen 做的一个 Chrome 插件.安装之后,浏览托管在Github上的项目,可看到左侧的树形结构,更方便查看代码…… (有点 IDE 的感觉,用着好来点个赞吧) 特性: 像 IDE 那样方便地浏览代码 pjax 支持快速浏览 支持热键切换代码树 支持私有仓库 [1] 目前,Chrome官方已经禁止非Chrome商店的应用安装

Chrome是一个简洁而又高效(高性能,高消耗)的浏览器.接下来让我吐血推荐一些常用的Chrome插件. 日常插件 uBlock Origin ----- 比Adblock性能更高的广告插件. Adkill and Media Download ----- 针对视频广告过滤,并解析在线视频下载. PS:不一定所有视频网站都适用. Selection Search ----- 强大的搜索插件,包括右键多搜索引擎,划词搜索,顶部输入搜索. 划词翻译 -----支持各种翻译词典语言翻译,划词翻译. 腾

本文微信公众号「AndroidTraveler」首发. 自己平时使用的最多的就是 Chrome 浏览器,因此本文主要分享自己添加的一些扩展程序. 介绍扩展程序的时候也是以我本人的实际使用为主,有些功能可能我没使用过,就不展开描述了. 所以下面介绍的扩展程序功能可能只是一部分,更多使用就等你去发掘了. 1. Momentum 添加之后,你会看到如下界面: 此时需要你输入你的名字,后续显示的时候会用到,输入完之后按 Enter 键即可. 完成名字输入之后,会来到下一个页面: 在这里你可以输入邮箱,也

如果感觉浏览器(chrome)的背景是白色太亮太刺眼,可以先在 设置->外观->主题背景 里选择 oceanic,将浏览器头部颜色设置为海蓝色.然后再安装插件 “眼睛护航”,改变所有网页的背景颜色为海蓝色. 秒杀插件:     Miao - 秒杀助手,但感觉不能用,有问题.   通用插件: 1.OneTab:将无数 Tab 合并在一个页面 很多时候我们在一个窗口打开太多的tab,每一个tab太小不容易管理,这时候使用OneTab能够把所有tab收起放在一个页面,点击就可打开该tab,非常方便.

前言.... octotree 是一款chrome插件,用于将 Github 项目代码以树形格式展示,而且在展示的列表中,我们可以下载指定的文件,而不需要下载整个项目 源码地址: https://github.com/buunguyen/octotree 下载地址: Chrome 浏览器:Chrome Web Store Mozilla 浏览器:Mozilla Add-ons Store Opera 浏览器::Opera Add-ons Store 更多安装方法可以查看:https://gith

很好奇的是,GitHub 作为代码托管平台,竟然没有提供项目目录,方便用户在线快速浏览项目结构.所以,在线分析项目源码就会变得很繁琐,必须一层一层点击,然后再一次一次地向上返回.要知道,本来 GitHub 网站在中国区的访问就已经很慢了.最无奈的做法就是,下载到本地,再使用 Sublime 等编辑器打开. Octotree 作为 Chrome 浏览器的一款插件,刚好解决这个使用痛点.他能够像 IDE 一样提供项目目录,快捷导航,方便浏览.同时支持 GitHub 和 GitLab 两个常用的代码托

Firebug 的年代,我是火狐(Mozilla Firefox)浏览器的死忠:但后来不知道为什么,该插件停止了开发,导致我不得不寻求一个新的网页开发工具.那段时间,不少人开始推荐 Chrome 浏览器,我想那就试试吧,期初我觉得用起来很别扭,毕竟我不是一个"喜新厌旧"的人.但用的次数越来越多,也就习惯了. Chrome 浏览器有一个好处,就是插件极其丰富,只有你想不到的,没有你找不到的,这恐怕是 Chrome 浏览器被众多爱好者钟爱的原因吧.当然了,Chrome 浏览器本身也非常强大

  之前一直在用github上面的Octotree,现在在用gitee(主要是github的访问速度太慢了).   现在主要转到了gitee上面了,那么有没有基于 Octotree 的[码云]文件树插件呢,当然是有的,下面就进行安装. 1.基于 Octotree 的[码云]文件树插件 点击到GitCodeTree   这个里面有非常详细的文档说明,仔细看下也可以.下面就直接开干了. 2.下载插件 有针对不同浏览器的插件,选择自己需要的进行下载.相信大部分都是用Google Chorm吧,那么直接

前言 大家在GitHub查看代码的时候,是不是会经常跳转搜索代码!过一段时间就不知道自己跑到哪里了!有了这款工具,妈妈再也不用担心我找不到代码位置了! 直接上效果图 插件名称 : octotree 作用: github源码可视化Tree辅助阅读 源码地址: https://github.com/buunguyen/octotree 插件下载地址: https://www.crx4chrome.com/crx/1392/ 安装步骤: 一般点击上图红色会弹出是否添加Octotree插件,点击添加即可

先预览效果左侧的目录通过点击,就可以到达对应的源码位置. 首先点击打开Edge中的浏览器扩展在右上角...=>点击扩展=>点击获取Microsoft Edge扩展按钮=>在左侧搜索所有附加内容中输入Octotree找到Octotree - GitHub code tree 或者直接打开我复制的这个Octotree 的路径.点击安装.等待结束后在GitHub的页面上重新刷新.就可以使用拉.如果没有出来.看一下右侧收藏夹旁边的橙色小图标是否存在.

我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏览器打开时就会执行,这种情况也许不能算作 bug 吧,估计他们的工程师认为浏览器打开时也算窗口发生了变化.解决问题之前我搜索了相关内容,确实有关于 Chrome 的 onresize 的问题,但跟我遇到的问题还有很大不同.我把这个问题抽象为以下函数: function init() { alert('a'); window.onresiz

今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css只能是改变IE浏览器的颜色,而且CSS不能做到改变火狐浏览器的样式和颜色.所以只能是通过JavaScript来实现了.也有插件可以做到.我分享一下我自己使用原生JavaScript实现的思路.先上个图看下效果: JavaScript实现的思路就是模拟浏览器自身滚动条.我制作的思路是先将整个文档放在一

本篇主要介绍Web环境中屏幕.浏览器及页面的高度.宽度信息. 目录 1. 介绍:介绍页面的容器(屏幕.浏览器及页面).物理尺寸与分辨率.展示等内容. 2. 屏幕信息:介绍屏幕尺寸信息:如:屏幕.软件可用以及任务栏的高度和宽度. 3. 浏览器信息:介绍浏览器尺寸信息:如:浏览器.内部页面以及工具栏的高度和宽度. 4. 页面信息:介绍HTML页面尺寸信息:如:body总的.展示的高度和宽度. 一.介绍 1. 容器 一个页面的展示,从外到内的容器为:屏幕.浏览器以及页面本身. HTML元素展现在页面内