Dreamweaver浏览器测试图文教程

所属分类: 网页制作 / Dreamweaver 阅读数: 631
收藏 0 赞 0 分享

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

方法/步骤

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

Dreamweaver中浏览器的测试

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

更多精彩内容其他人还在看

通过Dreamweaver学习了解CSS

层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时,内容与表现形式是相互分开的。页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一
收藏 0 赞 0 分享

网页中插入Flash按钮与文本

  Flash 的动画按钮能够给网站带来动感,这让不少读者觉得十分有趣,同时也为网站增加了许多访客,其实在 Dreamweaver MX 2004 中只需几步简单的操作,就可以插入 Flash 按钮。   一、在网页中插入Flash 按钮   ( 1 )打开 Dr
收藏 0 赞 0 分享

写给喜欢用DW编写CSS人的一些建议

  在DreamWeaver中编写CSS,这种编写习惯并不提倡,不过由于"可视化"和操作简便,使用的朋友依然很多,今天罗列一些“最佳习惯”,希望对这些朋友有所帮助。   CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的
收藏 0 赞 0 分享

在Dreamweaver中利用CSS样式表设置网页

  本文介绍如何在Dreamweaver 中使用层叠样式表 (CSS) 设置页面中的文本格式。您可以使用 CSS 以 HTML 无法提供的方式来设置文本格式和定位文本,从而能更加灵活自如地控制页面的外观。   了解 CSS   层叠样式表 (CSS) 是一系列格式设置
收藏 0 赞 0 分享

DreamWeaver中p标签br标签怎么使用?

DreamWeaver中p标签br标签怎么使用?DreamWeaver中想要让文字换行,该怎么实现呢?下面我们就来看看dw文字换行的两种方法,需要的朋友可以参考下
收藏 0 赞 0 分享

DreamWeaver怎么使用块状标签div?

DreamWeaver怎么使用块状标签div?DreamWeaver页面中想要使用块状标签,该怎么使用呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?

dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?dw中想要制作图片切换效果 ,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver数据库连接出现错误404该怎么解决?

Dreamweaver数据库连接出现错误404该怎么解决?Dreamweaver在连接数据库的时候出现404错误,该怎么解决呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver cs6怎么设计一款简单的网页?

Dreamweaver cs6怎么设计一款简单的网页?Dreamweaver中想要设计一款简单的网页,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么输入文本并设置文本样式?

Dreamweaver怎么输入文本并设置文本样式?Dreamweaver设计网页的时候,想要输入文本并设置文本样式,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多