教你怎么看网站是用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不发送请求就渲染模块的原因。具体原因我也不太清楚，等以后明白了就补上。