whatruns一键分析网站技术栈

  • 对于一个前端程序员, 每当看到一个全新的网站, 往往会想到, 这个网站是用什么技术完成的?
  • 你可以通过打开开发者工具, 查看网站源码, 进而了解网站的技术细节, 但效率不高, 而且可能会漏掉一些技术.
  • 分析网站的工具有很多, 但质量良莠不齐, 有的是版本陈旧, 很少维护, 无法识别新的技术, 有的则是受平台限制, 只有windows可用…
  • 既然是分析网站的工具, 那工具本身最好和浏览器绑定, 当看到某个感兴趣网站的时候, 可以一键分析

whatruns

这里推荐的网站分析工具,是一个chrome扩展, 你可以将它安装到chrom浏览器中, 看到感兴趣的网站, 则点击扩展图标, 一键分析(分析时间在5-10秒左右)

  • 这里先用简书jianshu.com试试水
  • 简书使用webpack做打包, 也使用了VueJS, jQuery, Monment JS等技术
  • 看看vue的官网用了什么技术
  • 看看facebook用了什么技术

详细了解相关技术

如果你需要详细了解某个技术, 可以通过whatruns快速调转到相关技术的官网

同样的,你也可以查看使用了当前技术的相关网站, 以vue为例

whatruns下载地址:

https://chrome.google.com/webstore/detail/whatruns/cmkdbmfndkfgebldhnkbfhlneefdaaip

小结:

分析别人的网站, 能让我们更快的了解前端技术的变化,对于分析网站这种工作, 能用程序做, 就不要手动来, 毕竟程序又不会累

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论
个人博客 论坛专区 主机两折 爆款主机
关注我们
  • 官方客服:289553844一键联系
  • 扫一扫加公众号
    扫一扫加小程序