怎么知道前端用了什么技术?要确定一个网站或应用程序使用了哪些前端技术，可以采取以下几种方法：
1. 查看页面源代码：
- 查看源代码是一种简单直接的方法，可以通过浏览器自带的功能快速查看网页的HTML、CSS和JavaScript代码。这些源代码通常包含了网页所使用的各种前端技术的引用和使用情况。
- 在查看源代码时，可以通过搜索关键词来确定是否使用了特定的前端技术。例如，搜索JavaScript库或框架的名称(如React、Vue、Angular)、CSS预处理器(如Sass、Less)或其他前端工具(如Webpack、Babel)的引用。
2. 使用浏览器开发者工具：
- 开发者工具是现代浏览器提供的功能强大的工具集，可以帮助开发者审查和调试网页。通过打开浏览器开发者工具，可以查看网页加载的各种资源、网络请求、页面元素的DOM结构以及JavaScript的Console输出。
- 在开发者工具的各个选项卡中，可以查看到网页所使用的各种前端技术的相关信息。例如，在“Sources”选项卡中可以查看到加载的JavaScript和CSS文件，在“Network”选项卡中可以查看到页面发起的网络请求，而在“Elements”选项卡中可以查看到页面的DOM结构。
3. 使用第三方工具：
- 第三方工具可以提供更便捷的方式来识别网站所使用的前端技术。例如，Wappalyzer就是一款广泛使用的浏览器插件，可以帮助用户快速识别网站的技术栈。
- 安装并启用Wappalyzer插件后，访问网站时，可以在浏览器工具栏中看到该网站所使用的各种前端技术的信息，包括前端框架、JavaScript库、服务器端技术等。
4. 查看项目文件：
- 项目文件是指网站或应用程序的源代码文件和配置文件。如果有项目文件的访问权限，可以直接查看这些文件，以确定网站所使用的前端技术。
- 常见的前端项目文件包括package.json(用于npm依赖管理)、webpack.config.js(用于Webpack打包配置)、.babelrc(用于Babel编译配置)等。通过查看这些文件的内容，可以了解到网站所使用的前端框架、工具和技术的详细信息。
通过以上方法，你应该能够比较准确地确定一个网站或应用程序所使用的前端技术。
