对于前端开发人员来说,目前的前端框架层出不穷,最受欢迎的莫过于所谓的前端框架三驾马车: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的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:
相关推荐
在"Chrome扩展程序-Demo.zip"这个压缩包中,我们有一个名为"crx-demo"的示例项目,这将引导我们了解如何开发这样的插件。 Chrome扩展程序基于Web技术,如HTML、CSS和JavaScript构建,这意味着如果你熟悉这些技术,...
标题中的“谷歌扩展程序之axure-chrome-extension.zip”指的是一个专门为谷歌浏览器(Chrome)设计的扩展程序,这个扩展程序的名称是“Axure Chrome Extension”。Axure是一款流行的产品原型设计工具,它允许设计师...
在现代前端开发中,Chrome开发者工具(Chrome DevTools)是一个不可或缺的调试工具,它为开发者提供了一系列用于检查页面、诊断问题以及改进性能的工具。Vue.js是一种流行的JavaScript框架,用于构建用户界面和单页...
而"Chrome的扩展程序--xdebug"是将Xdebug的功能集成到Chrome浏览器中的一种方式,即Xdebug Helper扩展。这个扩展程序主要用于方便地在浏览器端触发PHP Xdebug的调试会话,使得开发者可以在浏览器环境中无缝地进行PHP...
第一步:首先下载最新扩展程序,解压得到一个axure_chrome_extension_V0.6.3的文件夹。 第二步:在浏览器中地址栏中输入chrome://extensions/ 或者点击浏览器的右上角选择更多工具->扩展程序,打开扩展程序界面。在...
Chrome扩展程序CLI 下一个Chrome扩展程序的CLI。 :rocket:快速概述npm install -g chrome-extension-clichrome-extension-cli my-extensioncd my-extensionnpm run watch 然后按照以下说明查看您的扩展程序: 打开...
标题 "uistack:一个Chrome扩展程序,揭示网站使用的框架和库" 描述了一个实用工具,它专门设计用于帮助开发者识别和分析网页所采用的前端技术栈。这个Chrome扩展程序,即ui-stack,使得用户能够快速、便捷地洞察...
最后,“simple-chrome-plugin-demo”文件夹可能提供了一个简单的Chrome扩展程序示例,它可能只包含几个核心文件,演示了如何制作一个基本的扩展程序。简单扩展程序是学习Chrome扩展程序开发的理想起点,因为它避免...
Chrome扩展的开发离不开Manifest文件,这是一个必须包含在扩展包中的JSON格式文件,它描述了扩展的基本信息和权限要求。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也...
免责声明此存储库和软件包已归档,建议使用Webpack Chrome扩展程序重新加载器一个Webpack插件,可在开发Chrome扩展程序时启用热重载。正在安装npm npm install webpack-chrome-extension-reloader --save-dev纱yarn ...
在压缩包文件名“MockMobile”中,我们可以推测这是一个模拟手机浏览器的Chrome扩展程序的名称。这个名字可能是开发者为了方便识别和记忆而起的,实际的扩展可能包含一个manifest.json文件(定义扩展的各种属性和...
baidudl-百度网盘获取资源链接-Chrome扩展程序包,将扩展包加入谷歌浏览器,启用,在浏览器打开百度网盘,获取链接,配合Internet Download Manager等下载器下载。
总结来说,`github-collapse-comments` 是一个实用的 Chrome 扩展,它提高了开发者在 GitHub 上查看源代码的效率。通过学习其源代码,我们可以深入理解浏览器扩展开发技术,并了解如何利用 JavaScript 处理网页元素...
谷歌浏览器需要一个扩展程序来查看本地存储的项目。或者,将您的 RP 文件上传到Axure Share,扩展是 Google Chrome 的可下载插件,可修改浏览器并允许您使用其他功能,安装此扩展程序就可以在谷歌浏览器查看本地文件...
Chrome扩展程序-使Websense Mail的IT过滤工作更加轻松。 正式版已经在Chrome网上应用店中以Forcepoint PreConfig的名称发布: ://chrome.google.com/webstore/search/forcepoint preconfig zh-CN 用户需要在帐户 ...
TestTrack Chrome扩展...首先要做的第一件事在使用Chrome扩展程序之前,您必须已配置好TestTrack服务器并在Web应用程序中配置了TestTrack JavaScript客户端或TestTrack Rails客户端。 一旦启动并运行拆分测试和功能门
开发时可在Vuejs热加载上快速创建Chrome扩展程序的模板。 安装: 该样板是作为的模板构建的,并包含用于自定义最终脚手架应用程序的选项。 # install vue-cli $ npm install -g vue-cli # create a new project ...
下载并解压文件后,按以下操作步骤即可完成Mac版Chrome浏览器Axure rp扩展程序的添加: 1、打开谷歌浏览器; 2、在谷歌浏览器右上方“...”处单击; 3、在弹出的菜单中找到“更多工具”,并将鼠标悬停; 4、在展开的...