Dreamweaver浏览器测试图文教程

网页制作 发布日期:2024/11/10 浏览次数:1

正在浏览:Dreamweaver浏览器测试图文教程

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

方法/步骤

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Dreamweaver浏览器测试图文教程

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

Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。