网页制作 
首页 > 网页制作 > 浏览文章

Dreamweaver浏览器测试图文教程

(编辑:jimmy 日期: 2024/9/28 浏览:3 次 )

今天为大家分享Dreamweaver浏览器测试方法,教程很不错,很值得大家学习,推荐到,来学习吧!

方法/步骤

       按照平时我们的工作流程 。首先我们是需要打开我们的Dreamweaver工具的,之后这里需要事先打开一个网页,从而进行测试

Dreamweaver浏览器测试图文教程

      打开我们编辑过的一个网页进行测试即可。

Dreamweaver浏览器测试图文教程

      随后在我们打开的网页上的导航栏中选择“窗口”

Dreamweaver浏览器测试图文教程

    在窗口选择中,里面的“结果”选项

Dreamweaver浏览器测试图文教程

      选择之后,这里我们就可以看到一个”结果面板“

Dreamweaver浏览器测试图文教程

     在结果面板中,如下图中所示,在此位置用鼠标右击。选择“设置”

Dreamweaver浏览器测试图文教程

     在打开目标浏览器对话框中设置需要检测的浏览器,随后点击“确定“

Dreamweaver浏览器测试图文教程

    在同样的位置,用鼠标右击之后,选择里面的”检查目标浏览器“

Dreamweaver浏览器测试图文教程

      随后我们就可以看到一个浏览器的检测结果

Dreamweaver浏览器测试图文教程

   当然这里我们还是可以在浏览器本页面中可以看到检测结果的,选择在浏览器中打开结果

Dreamweaver浏览器测试图文教程

   如下图中所示的一个内容模块就是在浏览器中的检测结果

Dreamweaver浏览器测试图文教程

     这里我们还是可以进行链接检测的,选择结果面板中的链接检测器

Dreamweaver浏览器测试图文教程

  同样是用鼠标右击之后选择检测当前文档中的链接

Dreamweaver浏览器测试图文教程

     查看检测报告→同样是在结果面板中选择”站点报告“

Dreamweaver浏览器测试图文教程

   选择类似一个播放的报告按钮

Dreamweaver浏览器测试图文教程

  在选择报告的类表中选择需要列出的报告项

Dreamweaver浏览器测试图文教程

    选择完毕之后,点击运行即可

Dreamweaver浏览器测试图文教程

  弹出如下图中的选择框体的时候,这里我们选择”确定“即可

Dreamweaver浏览器测试图文教程

   随后在站点报告中就可以看到你所要的站点报告

Dreamweaver浏览器测试图文教程

以上就是Dreamweaver浏览器测试方法介绍,希望这篇文章能对大家有所帮助!

上一篇:Dreamweaver怎么添加文本?怎么设置文本?
下一篇:Dreamweaver编辑网页预览的时候显示乱码该怎么办?
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。