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

2022-04-19 18:37:40 +08:00
 Jafee

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

1515 次点击
所在节点    问与答
8 条回复
Immortal
2022-04-19 18:38:50 +08:00
beixiao
2022-04-19 18:52:25 +08:00
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
@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.`

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/847960

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX