当在网页浏览器的地止栏中输入URL或关键词时,web页面是如何呈现的?

news2025/1/16 5:14:04

501d82e9a8ac8342374e8b2781895597.png

前言

当我们在浏览器中输入一个url,或在搜索引擎或网站内,输入一个关键词进行搜索时,页面发生了什么呢?

即使不了解其中的原理,也能看到web页面

在浏览器地止栏内输入一个url之后,信息会被传到某些地方(后台,可以成为服务端),然后后台得到响应后,从后台(服务端)返回指定的内容,通过浏览器显示在web页面上

web页面之所以能显示出东西出来,根据web浏览器地止栏中指定的urlweb浏览器从web服务器端获取文件资源(html,css,js)等信息,从而在web浏览器端显示出来

客户端

通过发送请求获取服务端资源的web浏览器等(获取服务器资源的web浏览器等),都可以成为客户端

服务端

根据客户端(浏览器端)发送过来可识别的请求参数,响应前端的请求,返回指定的数据格式内容

当在网页浏览器的地止栏中输入URL时,web页面是如何呈现的

web网页之所以能够识别浏览器前端请求,展现具体指定的内容,它是建立在http协议上的

HTTP(超文本传输协议),可以返回json,xml等数据格式,完成客户端到服务器端等一系列运作流程

计算的网络的通信,离不开网络协议(也就是相当于计算机能识别暗号,数据格式信息,双方得约定协商好),比如:浏览器端get请求,那后端对应的也是get请求,如果前端是post请求,那后端对应的post

ee7c0fe3ba39beb229f202d6757f59da.png


总得来说就是

当在网页浏览器的地址栏中输入URL时,浏览器会向该URL对应的服务器发送请求。

服务器会响应请求并返回HTML代码、CSS样式表、JavaScript脚本等页面所需的资源。

浏览器会解析这些资源,并根据HTML代码生成DOM树和渲染树,确定每个元素在页面中的位置、大小和样式。

接着,浏览器根据渲染树进行排版,确定每个元素的具体位置和大小。

最后,浏览器将页面渲染出来并显示给用户。这个过程中还包括了网络传输、资源加载、缓存等处理操作

想转正?不存在的,你被证明不符合录用条件,解除通知书收好

2023-05-18

df7dc07d22af4f272b6fd211a3df46af.jpeg

关于左耳朵耗子的一些创业,工作,生活,技术,学习等思考

2023-05-17

56aa2f0ddfa991532985c637b3486b32.jpeg

47岁技术大佬陈皓(左耳朵耗子)去世,叛逆人生不断创业,网友们纷纷留言悼念

2023-05-15

448981d60ff374d73881864d21a2e9fa.jpeg

css几种高效方案如何适配首屏可视区区域

2023-05-15

c3c3caf355b7f497c3315c0e3fa8ec22.jpeg

在互联网大厂工作,个人几点真实的心得体会

2023-05-02

fa7a1f3c2a16d5f5af80f00dd1b5cd8e.jpeg

ac08fe7af4e2b9cc196843829ab09ec1.png

55408b39208e07850d07334c0105c4a3.png

46e14b1384871b891ee9debfe1597768.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/557547.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Day4——数据库基础1(已完结)

Day4——数据库基础 数据库基础--基于phpstudy自带的MySQL数据库(下载了PHPstudy后就无需下载额外的MySQL) 一、数据库概念1、为什么要学习数据库?2、什么是数据库?3、数据库的访问方式4、数据管理技术经历的三个阶段5、关系型数据…

YOLOv5区域检测计数+声音警报

YOLOv5区域检测计数声音警报 1. 相关配置2. 检测区域设置3. 画检测区域线(不想显示也可以不画)4. 报警模块5. 计数模块6. 代码修改6.1 主代码6.2 细节修改(可忽略) 6. 实验效果 本篇博文工程源码下载 链接1:https://gi…

docker 的yum安装

目录 一、配置docker官方的yum仓库 1)安装工具yum-utils 2)调用yum-utils工具的命令 yum-config-manager 添加 docker官方的社区版yum仓库 二、docker版本选择安装 1、查看docker发布的版本 2、yum 安装docker 3、启动服务,设置开机启…

腾讯云服务器地域怎么选?不同地域有什么区别?

腾讯云服务器地域有什么区别?怎么选择比较好?地域选择就近原则,距离地域越近网络延迟越低,速度越快。关于地域的选择还有很多因素,地域节点选择还要考虑到网络延迟速度方面、内网连接、是否需要备案、不同地域成本因素…

逆波兰算法

目录 介绍一下逆波兰算法 能举一个逆波兰算法应用的运算示例吗? 介绍一下逆波兰算法 逆波兰算法,也称为后缀表达式算法或逆波兰记法,是一种用于计算数学表达式的算法。与常见的中缀表达式(如 3 4)不同,逆…

系统设计 - 设计一个速率限制器

实施速率限制器的位置主要取决于我们的应用程序、技术栈、技术团队等因素。通常有三个位置可供选择:客户端、服务器端或中间件。 客户端是不可靠的地方来执行速率限制,因为恶意行为者可以轻易伪造客户端请求。 比将速率限制器放在服务器端更好的方法是使…

海量视频处理的应对和算法实践

随着短视频、直播、智慧城市、5G等的快速发展,视频内容铺天盖地,五花八门,相应的处理需求也多种多样。如何能高效地应对?需要在数据处理系统,底层计算能力,以及算法研究等多方面协同努力。LiveVideoStackCo…

深度:ChatGPT只是表面的喧嚣,大模型才是那柄尖刀!

‍数据智能产业创新服务媒体 ——聚焦数智 改变商业 如果把时钟拨到2023年底,当我们回过头来看今年科技界最激动人心的大事件,ChatGPT的横空出世无疑会占据一席之地。就像几年前大家被谷歌AlphaGo点燃对人工智能的热情一样,人们对ChatGPT的热…

安装 Jenkins 2.346.3 LTS

环境: apache-tomcat-8.5.88 Jenkins 2.346.3 LTS Running Jenkins system Jenkins requires Java 11 or 17 since Jenkins 2.357 and LTS 2.361.1. Read more about this in the announcement blog post. https://www.jenkins.io/doc/administration/requirement…

SSM_jsp游戏-账-号-装-备虚拟物品交易系统

开发语言:Java 框架:ssm 前端框架:jsp/Bootstrap JDK版本:JDK1.8 服务器:tomcat8 数据库工具:Navicat 开发软件:idea 支持eclipse 游戏账号交易系统主要是为了提高工作人员的工作效率和更方便快捷的满足用户…

AIPRM for ChatGPT 是一个 Chrome 浏览器扩展程序

AIPRM for ChatGPT 是一个 Chrome 浏览器扩展程序,基于 Chromium 内核开发的浏览器,都可以使用该扩展,比如微软的 Edge 浏览器等。 在 AIPRM 的帮助下,我们可以在 ChatGPT 中一键使用各种专门为网站 SEO、SaaS、营销、艺术、编程…

ZBX_NOTSUPPORTED: Unsupported item key.

问题 ZBX_NOTSUPPORTED: Unsupported item key. 详细问题 笔者安装zabbix后,自定义item key进行测试。需在zabbix-server 端 切换目录: cd /usr/local/zabbix/bin 执行查询命令: ./zabbix_get -s 192.168.174.136 -p 10050 -k “home.file…

学编程遇到问题,如何更好地提问?

入门教程、案例源码、学习资料、读者群 请访问: python666.cn 大家好,欢迎来到 Crossin的编程教室 ! 一个编程学习者,尤其是刚入门的初学者,在学习过程中必然会遇到各种问题,于是难免需要向人提问寻求解答。…

让AI替你打工?GPT提升开发效率指南

👉腾小云导读 开发者日常的整个工作流中,AI 大模型能做什么?ChatGPT 等 AI 大模型能不能通过开发者的指引,一步步完成从技术方案输出、编码、测试、发布到运营维护的整套流程?使用中有什么避坑点?本文从实际…

【观察】共建“伙伴+华为”背后,是华为平台到体系的战略“升维”

2017年,在当年的“伙伴大会”上,华为首次提出以“平台生态”双轮驱动的战略,以更加开放的心态积极拥抱产业变化,通过和产业链上各个层级的合作伙伴一起合作,共同实现新的市场突破。 彼时中国企业和行业的数字化转型刚刚…

2023智源大会议程公开 | 生成模型论坛

2023年,人工智能新研究、新系统、新产品竞放——我们即将见证另一场有关智能的惊叹演化。6月9日,2023北京智源大会,将邀请这一领域的探索者、实践者、以及关心智能科学的每个人,共同拉开未来舞台的帷幕,你准备好了吗&a…

chatgpt赋能Python-python_geo

Python在地理空间数据分析中的应用 在地理空间信息系统领域,Python已经成为最流行的编程语言之一。Python有许多强大的地理空间库,例如GDAL,Shapely和Fiona等,这使得它成为了地理空间数据分析中不可或缺的一部分。 1. Python的地…

快速上手打通java中的IO流

目录 IO原理 流的分类 节点流和处理流 IO 流体系 InputStream & Reader InputStream Reader OutputStream & Writer OutputStream Writer 节点流(或文件流) 读取文件 写入文件 注意点 缓冲流 转换流 标准输入、输出流 打印流 数据流 对象流 O…

chatgpt赋能Python-python_for_局部变量

Python局部变量详解 Python是一种动态语言,其中一个特点是变量声明和赋值同时进行,因此变量类型在声明时可以不指定,而是在赋值时根据数据类型来推断。Python中的变量分为全局变量和局部变量。在本文中,我们将讨论Python中的局部…

【PCB专题】案例:使用SI9000阻抗计算线宽线距为PCB Layout提供参考

在实际工作中,我们会使用到高速信号(如USB2.0、MIPI、HDMI、以太网等)或射频信号。那么在PCB中这些信号都需要做阻抗匹配,防止信号产生反射而损耗和生成噪声。 阻抗对信号质量的影响很明显,我们可以利用眼图来分析信号质量。 下图所示为TI都是在90欧姆差分阻抗源经过了90欧…