教你怎么看网站是用react搭建的

本文介绍了一种简单的方法来判断一个网站是否使用React构建。通过观察网站导航的行为和利用浏览器控制台进行测试,可以有效地区分普通的网站和React应用。

概述

SPA和react可以说是web开发的分水岭,我一直在寻找判断网站是普通网站还是SPA抑或是react的方法。今天突然找到一个判断网站是不是react搭建的简便方法。现在记录下来供以后开发时参考,相信对其他人也有用。

方法

方法就是利用控制台console

(1)打开你要判断的网站。如果网站的导航全是新打开一个窗口,那么这个网站一定不是react搭建的,甚至连SPA都不是。

(2)按F12打开控制台,在console里面随便输入一个变量。示例如下:

> let test = 55
< undefined
> test
< 55

(3)去点击网站的导航,这个时候页面或者页面的某一部分会刷新。

(4)按F12打开控制台,在console里面查查看刚才的变量是否存在。示例如下:

//如果是react搭建的,则输出如下
> test
< 55

//如果不是react搭建的,则输出如下
> test
< Uncaught ReferenceError: test is not defined
    at <anonymous>:1:1

机制解析

貌似是因为react不发送请求就渲染模块的原因。具体原因我也不太清楚,等以后明白了就补上。

转载于:https://www.cnblogs.com/yangzhou33/p/8490321.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值