如何使用F12开发商工具调试网页?网站功能需求是怎么写的?

分享到:

2021-01-14 14:58:04

  如何使用F12开发商工具调试网页?网站功能需求是怎么写的?下面就和小编一起来看看吧!

如何使用F12开发商工具调试网页?网站功能需求是怎么写的?

  如何使用F12开发商工具调试网页?

  F12开发人员工具是按需采用的工具,建于WindowsInternetExplorer9的每次安装。网站开发人员可以随时在任何页面上使用F12工具,快速调整JavaScript、HTML和级别连接样式表(CSS),也可以查明页面和网络的性能问题。F12的存在要求程序开发人员的重要数据不能写在HTML页面上如果不写在一般的处理程序和背景上,就容易被用户知道密码等。对WEP开发者有利的是,可以参考他人网站的布局样式等构想自己的网站。F12可以看到网站的布局、风格、js等代码哦使用HTML期权卡HTML期权卡的视图,在内存中的WindowsInternetExplorer9显示的树的视图中显示页面的动态标记。反映了打开F12时的DOM,有什么变化的话需要更新。可以使用鼠标或键盘直接导航到树的视图中,查看特性和变更值。跳转到网页的特定要素时,请按下Ctrl+B或单击选择要素按钮。在网页上,当鼠标悬挂在元素上时,会突出相应的元素。点击某些元素,在HTML视图中突出DOM树中对应的节点。在HTML选项卡中选择要素时,可以使用视图>源菜单在您的视图中选择与要素相关的CSS风格或者只根据要素本身选择的要素。有风格的要素源按钮只在新窗口显示选定要素的HTML源及其内容,适用于CSS。这有助于只关注选定元素的源文件。必须首先使用HTML期权卡视图选择DOM树主体内的HTML要素,然后才能执行该命令。如果您想选择某个元素,选择要素按钮,或者在DOM树上单击某个要素。使用点击选择要素时,首先更新视图是个好主意。展开或折叠某些元素的属性时,请点击用加号(+)或减号(-)标记的框架。HTML和CSS视图中的所有元素都可以编辑,编辑操作将立即生效。通过点击元素名称旁边的复选框,可以打开或关闭样式规则和特性。查看动态HTML代码大部分网站都使用动态代码。客户脚本通常用于生成用户可以看到的HTML。静态HTML代码的数量通常很少,只用于页面启动操作。F12工具显示在浏览器中的HTML和CSS代码,而不是显示严格的HTML源,因此很容易找到错误。HTML期权卡显示DOM目前状态,不会自动跟踪变更。如果改变了某个值或特性,但没有立即显示,请在HTML选项卡中按F5更新视图。更改值和添加特性F12工具可以更改几乎任何特性和属性的值。从HTML选项卡中,从DOM树中选择要素或使用单击选择要素按钮选择要素。在属性视图(右窗格)中,点击一个值,突出并更改。例如,在InternetExplorer9中,如何使用CSS3添加圆角中的CSS示例页面,并根据F12打开该工具。点击选择元素按钮,点击栗子颜色的NowinstockatFourthCoffee标题。在属性窗格中,点击“h2”选器下的色彩特性。输入blue等新的颜色名称和值,按下enter。标题的颜色会立即改变。为了追加特性,请单击HTML或CSS选项卡的左窗格的要素,单击上下菜单的追加属性。你需要知道这个特性的格式如“background-color:”)和正确值。删除某一特性(您添加的特性或现有特性)时,请在右窗格子视图中单击该特性并按下Delete键。对于原始页面的特性,可以通过更新页面来恢复。添加的特性需要重新应用。如果只想在某个对话期间暂时关闭某个特性,则在HTML和CSS选项卡的右窗格中去除该特性旁边的再选框。HTML期权卡视图和工具在左窗格树视图中选择一个元素时,可在右侧查看和更改所选元素及其子元素的样式、框架模型的布局和特性。你所做的改动并不是性的,当你刷新或打开另一页时,这些改动就会丢失。但是,您可以单击保存按钮来保存您的HTML代码。当查看应用于样式和跟踪样式选项卡的多个CSS规则时,根据CSS规范,根据这些规则的专一性进行显示。列表页首的规则首先应用于所选要素,底部的规则是现在定义所选要素的风格属性的规则。

如何使用F12开发商工具调试网页?网站功能需求是怎么写的?

  网站功能需求是怎么写的?

  一、网站内容1、根据网站目的确定站点结构导航。一般企业型门户网站应包括公司介绍、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。内容如常见问题、市场营销网络、招贤纳士、在线论坛、英语版等。2.确定网站结构导航中各频道的子栏。例如,公司简介包括社长的发言、发展历史、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等客户服务包括服务热线、服务宗旨、服务项目等。3、确定网站内容的实现方式。例如,产品中心使用动态程序数据库或静态页面。营销网络是列表还是地图?4、动态展示内容背景管理采用动态页面程序时,需要相应的背景内容管理系统,根据动态内容确定背景管理内容,一般工作包括企业介绍管理、企业动态管理、产品介绍管理、呼叫管理、常见问题管理等如果需要不同的权限,也需要权限管理。二、网站页面1、网站页面设计一般要与企业整体形象一致,符合企业Cl规范。注意网页的颜色和整个网页的一致性。2、网站设计也可以制作个性化的页面,但必须符合网站整体的结构和风格。功能需求根据车站建设的需求进行详细化,根据侧重点不同需求进行详细分析。


声明:此篇为凡科建站原创文章,转载请标明出处链接:

以上内容仍未解决您的问题?

  • 热门模板
  • 热门专题
  • 推荐文章
合作伙伴