手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >Dreamweaver浏览器测试图文教程
Dreamweaver浏览器测试图文教程
摘要:今天为大家分享Dreamweaver浏览器测试方法,教程很不错,很值得大家学习,推荐到查字典教程网,来学习吧!方法/步骤按照平时我们的工作流...

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

方法/步骤

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

Dreamweaver浏览器测试图文教程1

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

Dreamweaver浏览器测试图文教程2

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

Dreamweaver浏览器测试图文教程3

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

Dreamweaver浏览器测试图文教程4

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

Dreamweaver浏览器测试图文教程5

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

Dreamweaver浏览器测试图文教程6

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

Dreamweaver浏览器测试图文教程7

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

Dreamweaver浏览器测试图文教程8

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

Dreamweaver浏览器测试图文教程9

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

Dreamweaver浏览器测试图文教程10

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

Dreamweaver浏览器测试图文教程11

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

Dreamweaver浏览器测试图文教程12

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

Dreamweaver浏览器测试图文教程13

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

Dreamweaver浏览器测试图文教程14

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

Dreamweaver浏览器测试图文教程15

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

Dreamweaver浏览器测试图文教程16

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

Dreamweaver浏览器测试图文教程17

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

Dreamweaver浏览器测试图文教程18

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

Dreamweaver浏览器测试图文教程19

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

【Dreamweaver浏览器测试图文教程】相关文章:

Dreamweaver中如何合并单元格

Dreamweaver实现网站批量更新

Dreamweaver网页制作之表格设计

Dreamweaver CS3新功能描述

Dreamweaver插入文件域

Dreamweaver对比色应用

Dreamweaver CS教程-HTML基础语法

让Dreamweaver支持cshtml等其他文件类型

Dreamweaver设置文字样式

Dreamweaver使用通配符批量替换某个div

精品推荐
分类导航