网络开发者必备的 9 大实用浏览器插件( 二 )

你现在正在看的这篇文章,就是我用这个办法写出来的 。番茄工作法是一种实用的方法,它可以帮助你学习如何保持专注,并且管理好时间 。
安装方式
Chrome 插件: https://chrome.google.com/webstore/detail/marinara-pomodoro%C2%AE-assist/lojgmehidjdhhbmpjfamhpkpodfcodef?hl=en
Firefox 插件: https://addons.mozilla.org/en-US/firefox/addon/tomato-clock/
Meta seo Inspector
这个扩展程序能让你方便地检查一些在正常浏览时通常不可见的网页元数据(Metadata),这能让你的 SEO(Search Engine Optimization,搜索引擎优化)工作更加方便 。

网络开发者必备的 9 大实用浏览器插件

文章插图
 
检查页面上的元数据标签,确保 SEO 效果
这个扩展程序主要是针对网站的开发者,方便他们检查网站的 html,核实网站是否遵循 Google 的网站站长指南,以便更好地优化网站在搜索引擎中的排名 。但对于想要查看通常不可见的网页内容的用户来说,它也很有用 。
当元数据不在特定范围内时(例如某个描述标签太短或太长),这个插件会显示警报 。
安装方式
Chrome 插件: https://chrome.google.com/webstore/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef?hl=en
Firefox 插件: https://addons.mozilla.org/en-US/firefox/addon/seo-inspector/
OctoLinker
这个插件能让你更方便高效地在 Github 仓库里跳转 。OctoLinker 能根据代码的编程语言,将代码预览页面上的include、require 或者 import 等语句的内容转换成链接,方便你直接跳转查看被导入的库代码 。
网络开发者必备的 9 大实用浏览器插件

文章插图
 
OctoLinker
GitHub 源代码在这里: https://github.com/OctoLinker/OctoLinker
安装方式
Chrome 插件: https://chrome.google.com/webstore/detail/octolinker/jlmafbaeoofdegohdhinkhilhclaklkp
Firefox 插件: https://addons.mozilla.org/en-US/firefox/addon/octolinker/
Octotree
Octotree 是一个在 GitHub 以目录树的形式显示项目代码的扩展插件 。它非常适合于在网页上浏览检查项目源代码,而无需将这许多的库都克隆到本地计算机上 。
网络开发者必备的 9 大实用浏览器插件

文章插图
 
Octotree
安装方式
Chrome 插件: https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc
Firefox 插件: https://addons.mozilla.org/en-US/firefox/addon/octotree/
结语
感谢阅读,希望这些工具能让你的工作环境更加方便,也让你的日常工作更加高效 。让我们一起加油吧!

【网络开发者必备的 9 大实用浏览器插件】


推荐阅读