对于前端开发人员来说,目前的前端框架层出不穷,最受欢迎的莫过于所谓的前端框架三驾马车:Angular, React和Vue。在学习的过程中,肯定好奇现在的互联网公司的网站用的何种前端框架来开发的。
Chrome扩展程序商店里就提供了这样一款应用:wappalyzer:
安装后,打开某个你想研究的网站,点击Chrome浏览器工具栏这个小按钮,即可召唤出Wappalyzer的页面。
下面是用这个介绍的Chrome扩展应用Wappalyzer查看到的一些互联网公司的网站的技术栈。
百度:用了SWFObject和jQuery。
京东:用了webpack,jQuery。京东的jQuery版本比百度低不少啊。
github: 服务器用的Tengine,JavaScript库用的Zepto。
Github:编程语言用的Ruby,有自己的CDN:Github pages。Web框架:Ruby on Rails。还用了Google用于报表处理的服务:Google Analytics。
SAP的官网:编程语言为Java,前端也用的jQuery。因为和Facebook做了集成,所以用了Facebook Widget。
国内程序员写博客的博客园:jQuery 2.2.0, XRegExp 1.5.0. 也用了Google的报表服务Google Analytics。程序员写博客,少不了贴代码,需要语法高亮,所以用了SyntaxHighlighter。
腾讯云社区: 服务器用的Nginx, 前端框架用的React,此外还有Prism。
国内另一个IT博客网站ITEye:用了Prototype。
今日头条:服务器用的Nginx,前端框架用的jQuery。也用了Google Analytics。
阿里云社区:用的jQuery,webpack,服务器用的Tengine,也用了Google Analytics。
简书:难得地用了Vue,版本2.4.2. 编程语言用的Ruby,也用了Moment.js和jQuery。Web框架还用了Ruby on Rails和Bootstrap。
Twitter:Google Analytics。
Google:用的Google自己的服务器Google Web Server。
要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:
相关推荐
标题中的“谷歌扩展程序之axure-chrome-extension.zip”指的是一个专门为谷歌浏览器(Chrome)设计的扩展程序,这个扩展程序的名称是“Axure Chrome Extension”。Axure是一款流行的产品原型设计工具,它允许设计师...
标题 "uistack:一个Chrome扩展程序,揭示网站使用的框架和库" 描述了一个实用工具,它专门设计用于帮助开发者识别和分析网页所采用的前端技术栈。这个Chrome扩展程序,即ui-stack,使得用户能够快速、便捷地洞察...
Chrome扩展的开发离不开Manifest文件,这是一个必须包含在扩展包中的JSON格式文件,它描述了扩展的基本信息和权限要求。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也...
chrome-IE-tab是一个在谷歌浏览器上加载IE内核的扩展程序,对于有些特殊情况下需要特别使用IE浏览器才能打开的页面或者软件来说,这个扩展程序无疑直接弥补 了谷歌这一个缺点,它能在谷歌浏览器上直接使用IE内核加载...
Chrome浏览器作为一个强大的网络工具,其丰富的扩展程序生态系统是其魅力之一。"Chrome获取MAC地址扩展程序"是一个专门设计用于在Chrome环境中获取计算机物理地址(即MAC地址)的插件。MAC地址是网络设备如网卡的...
Chrome浏览器作为一个流行的浏览工具,提供了丰富的开发者工具来辅助开发和调试Web应用。其中,获取Ajax请求记录是开发者调试过程中非常关键的一环,因为它可以帮助开发者检查数据的发送和接收情况,排查网络问题,...
在压缩包文件名“MockMobile”中,我们可以推测这是一个模拟手机浏览器的Chrome扩展程序的名称。这个名字可能是开发者为了方便识别和记忆而起的,实际的扩展可能包含一个manifest.json文件(定义扩展的各种属性和...
baidudl-百度网盘获取资源链接-Chrome扩展程序包,将扩展包加入谷歌浏览器,启用,在浏览器打开百度网盘,获取链接,配合Internet Download Manager等下载器下载。
谷歌浏览器需要一个扩展程序来查看本地存储的项目。或者,将您的 RP 文件上传到Axure Share,扩展是 Google Chrome 的可下载插件,可修改浏览器并允许您使用其他功能,安装此扩展程序就可以在谷歌浏览器查看本地文件...
总结来说,`github-collapse-comments` 是一个实用的 Chrome 扩展,它提高了开发者在 GitHub 上查看源代码的效率。通过学习其源代码,我们可以深入理解浏览器扩展开发技术,并了解如何利用 JavaScript 处理网页元素...
TestTrack Chrome扩展...首先要做的第一件事在使用Chrome扩展程序之前,您必须已配置好TestTrack服务器并在Web应用程序中配置了TestTrack JavaScript客户端或TestTrack Rails客户端。 一旦启动并运行拆分测试和功能门
开发时可在Vuejs热加载上快速创建Chrome扩展程序的模板。 安装: 该样板是作为的模板构建的,并包含用于自定义最终脚手架应用程序的选项。 # install vue-cli $ npm install -g vue-cli # create a new project ...
WXExtractor chrome扩展程序-WXExtractor
打开Chrome *,然后在地址栏中输入“ chrome:// extensions”,或通过设置进入扩展程序。 进入扩展程序后,单击右上角标记为“开发人员模式”的按钮以打开开发模式。 现在,在左上角,有一个标记为“未包装的货物...
下载并解压文件后,按以下操作步骤即可完成Mac版Chrome浏览器Axure rp扩展程序的添加: 1、打开谷歌浏览器; 2、在谷歌浏览器右上方“...”处单击; 3、在弹出的菜单中找到“更多工具”,并将鼠标悬停; 4、在展开的...
标题 "merge-windows:Chrome扩展程序-将窗口合并到活动窗口中" 描述了一款基于JavaScript开发的Chrome浏览器扩展。这款扩展的主要功能是整合用户打开的多个窗口,将它们合并到一个活动窗口中,以提高浏览效率和桌面...
本项目"chrome-extension-demo"是一个用于教学目的的示例集合,展示了如何开发各种Chrome扩展。每个目录代表一个独立的项目,每个项目都包含详细的安装说明,便于学习者逐步理解和实践。 在Chrome扩展程序开发中,...
Axure RP Chrome 0.6.4 原型工具Chrome扩展插件,支持最新版本Chrome浏览器,安装方法如下(亲测可用): 1、打开谷歌浏览器,在浏览器中地址栏中输入chrome://extensions/,或者点击浏览器的右上角选择更多工具,...
一个简单的chrome扩展程序自动填充表格的源代码,这将帮助您入门并成为chrome扩展程序的主人 学习编写自己的简单chrome扩展在本文中,您将学习创建一个简单的chrome扩展(需要HTML和Javascript的基本知识)有多么...