如何快速判断页面是服务端渲染还是客户端渲染
2018-07-17 07:33
274 查看
什么是服务器端渲染和客户端渲染?
互联网早期,用户使用浏览器浏览的都是一些没有复杂逻辑的、简单的页面,这些页面都是在后端将html拼接好的然后将之返回给前端完整的html文件,浏览器拿到这个html文件之后就可以直接解析展示了,而这也就是所谓的服务器端渲染了。而随着前端页面的复杂性提高,前端就不仅仅是普通的页面展示了,而可能添加了更多功能性的组件,复杂性更大,另外,彼时ajax的兴起,使得业界就开始推崇前后端分离的开发模式,即后端不提供完整的html页面,而是提供一些api使得前端可以获取到json数据,然后前端拿到json数据之后再在前端进行html页面的拼接,然后展示在浏览器上,这就是所谓的客户端渲染了,这样前端就可以专注UI的开发,后端专注于逻辑的开发。
两者本质的区别是什么?
客户端渲染和服务器端渲染的最重要的区别就是究竟是谁来完成html文件的完整拼接,如果是在服务器端完成的,然后返回给客户端,就是服务器端渲染,而如果是前端做了更多的工作完成了html的拼接,则就是客户端渲染。
如何在页面中快速的判断出来?
1、鼠标右键查看源代码,在页面中看到的内容在源代码中也可以查看到,则是服务端渲染得到的 2、鼠标右键查看源代码,页面中看到的内容在源代码中不可以查看到,则是客户端渲染得到的
服务端渲染示例:
在京东上打开一个商品列表页面:
客户端渲染示例:
刚才打开的页面中,点击一个列表进入详情页面:
https://item.jd.com/10951037.html
相关文章推荐
- 如何判断一个APP页面是原生的还是H5页面
- tcp 服务端如何判断客户端断开连接
- js如何判断客户端是iOS还是Android等移动终端
- Android ViewPager 如何判断当前页面是从前一页还是后一页滑动过来
- 如何判断一个页面被刷新还是被关闭
- [绍棠] iOS 各个界面相互push 以及 如何判断当前页面是push进入还是present进入
- tcp 服务端如何判断客户端断开连接
- iOS 如何判断当前页面是push进入还是present进入
- Android ViewPager 如何判断当前页面是从前一页还是后一页滑动过来
- 如何在jsp页面判断网页是被安卓设备访问还是IOS设备访问
- 如何在服务端判断request来自AJAX请求还是传统的同步请求
- 如何判断页面是由移动端还是pc端打开
- Js如何判断客户端是PC还是手持设备简单分析
- 如何快速判断IP是内网还是外网(转)
- js如何判断客户端是iOS还是Android等移动终端
- HTML页面如何判断是手机访问还是电脑访问
- Js如何判断客户端是PC还是手持设备简单分析
- Js如何判断客户端是PC还是手持设备简单分析
- 服务器或者客户端异常退出,其相应的客户端或者服务器如何来判断是在等待发送还是退出?
- 当app出现bug时,怎么判断是客户端的问题,还是接口的问题,或者是服务端的问题?