首页 » 谷歌 » with本教程提供设置和使用工作区的实践练习

with本教程提供设置和使用工作区的实践练习

 

谷歌锁区号/谷歌邮箱老号-购买商城
谷歌play地区代改
Google Voice号码支持自助购买
谷歌锁区号购买商城]
美区VISA卡代开-可以用于aws,azure,FB,谷歌,亚马逊,速卖通,eBay,独立站,paypal等支付
如果您还有其他问题可以加我QQ交流。
QQ号:2802364971

编辑文件

本教程提供了设置和使用工作区的动手练习,以便您可以在自己的项目中使用它们。工作区使您能够保存对存储在计算机上的源代码所做的更改。

工作区使您可以将所做的更改保存到计算机上同一文件的本地副本中。例如,假设:

(1) 您的桌面上有该站点的源代码。(2) 您正在从源代码目录运行本地 Web 服务器,以便可以在 :8080 访问该站点。 (3)@ > 您已开启 :8080 并用于更改您网站的 CSS。

启用工作区后,您在其中所做的 CSS 更改将保存到桌面上的源代码中。

如果您使用的是现代框架,它可能会将您的源代码从易于维护的格式转换为经过优化以尽可能快地运行的格式。借助源映射,通常可以将优化后的代码映射回原始源代码。但是在如何使用源映射方面,框架之间存在很多差异。并非所有更改都受支持。

例如,不支持 React App。

:本地

Local 是另一个类似于 .如果您想试验对页面的更改,并且需要在页面加载时查看这些更改谷歌开发者页面,但您并不关心将更改映射到页面的源代码时,请使用本地覆盖。

谷歌浏览器页面放大_谷歌开发者页面_谷歌浏览器打不开页面

只有当前加载到开发者工具中的 Web 应用的文件夹颜色发生了变化:

谷歌开发者页面_谷歌浏览器打不开页面_谷歌浏览器页面放大

谷歌浏览器打不开页面_谷歌开发者页面_谷歌浏览器页面放大

直接在开发者工具中修改 index.html:

谷歌浏览器页面放大_谷歌浏览器打不开页面_谷歌开发者页面

添加来自 Jerry 的字符串:

刷新后,这个变化也持久化了:

谷歌浏览器打不开页面_谷歌浏览器页面放大_谷歌开发者页面

谷歌浏览器页面放大_谷歌开发者页面_谷歌浏览器打不开页面

请注意,如果您直接在 选项卡中修改 DOM,修改将不会持久化到 HTML 文件中。

原因如下:

您在面板上看到的节点树代表页面的 DOM。为了显示页面,浏览器通过网络获取 HTML,解析 HTML,并将其转换为 DOM 节点树。如果页面有任何 ,则可能会添加、删除或更改 DOM 节点。 CSS 也可以通过属性改变 DOM。浏览器最终使用 DOM 来确定它应该呈现给浏览器用户的内容。因此,用户看到的页面的最终状态可能与浏览器得到的 HTML 有很大的不同。

谷歌浏览器页面放大_谷歌浏览器打不开页面_谷歌开发者页面

由于 DOM 受 HTML、 和 CSS 的影响,因此很难确定应将面板中所做的更改保存在何处。

简而言之谷歌开发者页面,DOM 树!== HTML。

我们在tab页,可以修改html和文件并持久化。

更多杰瑞的原创文章可在:“王子熙”:

谷歌浏览器打不开页面_谷歌开发者页面_谷歌浏览器页面放大

谷歌锁区号/谷歌邮箱老号-购买商城
谷歌play地区代改
Google Voice号码支持自助购买
谷歌锁区号购买商城]
美区VISA卡代开-可以用于aws,azure,FB,谷歌,亚马逊,速卖通,eBay,独立站,paypal等支付
如果您还有其他问题可以加我QQ交流。
QQ号:2802364971

原文链接:with本教程提供设置和使用工作区的实践练习,转载请注明来源!

0