打开一个页面，怎么知道它是 react 写的还是 vue 写的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 978 天前的主题，其中的信息可能已经有所发展或是发生改变。

有没有类似的插件，可以直接分辨出来。

Vue

React

插件

分辨

8 条回复 • 2022-04-20 13:42:23 +08:00

Immortal

2022-04-19 18:38:50 +08:00

https://www.wappalyzer.com/

beixiao

2022-04-19 18:52:25 +08:00 via iPhone

React Developer Tools ？

MikeFeng

2022-04-19 18:54:25 +08:00

下载两个库的开发者工具浏览器扩展，打开相应的技术实现的网站，插件图标会亮

MossFox

2022-04-19 23:52:20 +08:00

浏览器安装 React Developer Tooks 与 Vue Devtools ，在对应页面亮起来的就说明有用到对应框架。

但，好久之前就留意到有个比较奇怪的现象，我一直没摸清楚到底是什么情况，
在例如这里 → https://fontawesome.com/icons/hexagon-image?s=solid
两个插件图标会 [同时亮起来] ，很诧异，是真的混用了两个框架还是说有存在误判？

baobao1270

2022-04-20 03:58:29 +08:00 via Android

@MossFox 同时亮可能是 chrome 扩展用到了相关框架。
生产版本的 vue 是不能激活 vue devtools 的

Jafee

2022-04-20 11:06:10 +08:00

@Immortal
@beixiao
@MikeFeng
@MossFox
@baobao1270

感谢，装了 react developer 和 vue.js devtools 两个插件。

Immortal

2022-04-20 12:36:30 +08:00

@Jafee #6
我晕了安装我说的那个插件啊- -
什么"同时安装 vue 和 react 插件,哪个亮了就是哪个",小聪明不可有
这两个插件应该只检测到 dev 模式下的库吧,发布的都是 pro 的 js
虽然我不知道我推荐的插件怎么实现的,但一直挺有用
https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg

yishen0

2022-04-20 13:42:23 +08:00

@Immortal 生产版本的也会亮，不过它会提示你。
`Devtools inspection is not available because it's in production mode or explicitly disabled by the author.`