概述

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不发送请求就渲染模块的原因。具体原因我也不太清楚,等以后明白了就补上。

最新文章

  1. vs2010边调试边编辑后台.cs文件的办法
  2. Linux学习路线
  3. step by step 之餐饮管理系统五(Util模块)------附上篇日志模块源码
  4. VS2013与MySql建立连接;您的项目引用了最新实体框架;但是,找不到数据链接所需的与版本兼容的实体框架数据库 EF6使用Mysql的技巧
  5. CF192div2-330B - Road Construction
  6. Linux自动备份MySQL数据库脚本代码
  7. codeforces 400D Dima and Bacteria 并查集+floyd
  8. CentOS 6.7编译安装PHP 5.6
  9. Python之路:Python 基础(二)
  10. spark2.0系列《一》—— RDD VS. DataFrame VS. DataSet
  11. idea中pom.xml添加了新的maven依赖,点击import changes没反应
  12. Android TextView
  13. SSM框架完成Ajax简单用户登录验证
  14. RabbitMQ安装记录(windows10)
  15. JavaScript和HTML DOM的区别与联系
  16. 使用idea 在springboot添加本地jar包的方法 部署的时候本地jar没有包含的解决方法
  17. C++11 constexpr使用
  18. 【CF316G3】Good Substrings 后缀自动机
  19. 手风琴图片和钢琴导航栏JQ滑动特效
  20. HP VC模块Shared uplink Sets配置参考

热门文章

  1. 离线部署 pm2
  2. vim 多行添加注释,取消注释
  3. java.lang.String (JDK1.8)
  4. JS 正则表达式基本语法(精粹)
  5. Array.prototype.push.apply(a,b)和Array.prototype.slice.call(arguments)
  6. Codeforces Round #437 B. Save the problem!
  7. PyCharm2018 安装
  8. 536. Construct Binary Tree from String 从括号字符串中构建二叉树
  9. 742. Closest Leaf in a Binary Tree查找最近的叶子节点
  10. LAB2