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