网页代码测试（如何在网页中调试JavaScript）

本文目录

• 如何在网页中调试JavaScript
• 网站建设后期网站测试应该注意什么
• ASP网站如何测试
• 如何实现网页制作的本地测试

如何在网页中调试JavaScript

以IE8浏览器为例，接下来重点介绍并演示如何使用浏览器自带的开发人员工具调试JS程序。（该工具快捷按钮为F12）
1、在工具-》Internet选项-》高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。
***隐藏网址***
3、预览表单，当要执行的js程序出现错误时，浏览器会给出提示。
4、在给出的错误提示窗口中，选择“是（Y）”按钮，进入IE浏览器自带的开发人员工具脚本调试界面。
5、根据JS调试信息可以知道，当前JS报错是由于没有找到指定对象“dat”而导致的。我们需要在表单设计器中，修改JS程序并保存。因演示效果的需要，在本例中是没有设置id值为dat的单行输入框控件的，本例中第二个单行输入框控件的id值是data2。修改后的JS代码。
6、将其改成值data2后，再进行测试不会出现JS报错信息，程序得以正常执行。
7、本例只是演示了如何利用IE自带的开发人员工具进行简单的调试工作，如需了解其他调试及排查技巧，请参阅网络及相关书籍进行学习。

网站建设后期网站测试应该注意什么

一、测试网站主体内容是否对浏览器兼容由于不同浏览者的个人习惯不同，使用的浏览器也有所不同，我们不能确定浏览者具体使用的哪种浏览器，这就需要我们的网站在不同的浏览器上都需要不能错乱，都能达到效果一致的样子

通过浏览器核心的分析现如今浏览器可以统分为IE核心和FF核心两种浏览器，其中IE核心的浏览器包括IE6、IE7、IE8、IE9浏览器，FF核心的浏览器包括firefox、苹果、遨游等浏览器

在国内还会有360浏览器也是使用范围比较广泛的，360浏览器的核心是更具你电脑上装的IE版本决定的，比如你的电脑上装的IE7浏览器，那么用360浏览器打开的网页就会和IE7浏览器一个效果，如果装的是IE8浏览器，那么打开就会和IE8一个效果

二、测试网站的导航栏目是否可以在后台控制和进行随意排序网站导航栏目是网站中比较重要的一个部分，也是点击量最多的一个部分，所以对于这个部位我们要专门的进行测试，测试一下是否可以通过对网站栏目导航进行控制，添加修改或删除

如果存在二级栏目导航，也需要测试二级栏目是否可以添加

对于网站栏目的排序也需要进行测试，因为我们在以后的过程中，可能会增加新的栏目，不一定新增加的栏目就必须要出现在最后一个，也可能需要放到中间的位置

三、测试网站的主要内容是否可以通过后台控制网站的内容是指网站板块分类、网站列表页、网站内容页面、网站友情链接、网站底部版权、网站关键字、网站每个页面的标题、网站介绍等信息，是否可以通过后台控制，最主要的就是网站每个页面的标题，大家看了我们前面写的文章之后应该会明白，网站标题对网站的排名是影响最大的一个因素，包括网站内容的标题我们都需要慎重的去考虑如何命名

如果济南网站建设公司把网站内页的标题设置为不可控制的状态，那么我们在后期添加新的网页的时候，难免会遇到一些麻烦，对网站的排名会造成一定的影响

四、测试网站内部链接是否正常，是否存在打不开的现象由于网站程序员的操作不当原因有可能会造成网站内部链接出现打不开的现象，再进行网站测试的时候，要对网站的链接进行细致的检查，尤其是网站首页，绝对不能出现打开链接打不开的现象，这样会对网站造成404的错误，会让搜索引擎蜘蛛返回错误信息，造成网站的降权现象

需要注意的是这里所说网站链接打不开是指网站中有一个链接，我们点击之后出现错误的页面，而不是点击之后跳转到首页或者没反应，跳转到首页或者没有任何反映这种类型的链接都不属于打不开的链接，对不会造成网站降权现象

五、测试网站前台代码书写是否合理，简洁如今网站前台代码都是采用DIV+CSS的格式进行布局，使用DIV+CSS布局的网站可以对蜘蛛抓去起到一定的友好性，也能对网站后期二次开发提供方便

代码简洁减小网站占用空间大小，提高网站打开速度

如果前台网页代码还是采用table布局，那就应该为了网站后期的发展，要求济南网站建设公司更改为div+css的模式

六、测试网站内容窗口是否具有插入图片，改变文字样式等功能网站内容窗口应该具有插入图片、改变文字样式、改变段落格式、插入超链接、插入flash等功能

如果后台的窗口不具有这些功能，很容易造成在后期对文章内容进行添加的时候，需要在文章中插入文字，或者对文字进行加粗改变颜色等都无法操作，那么就会对网站文章内容的可读性产生影响

也不能很好的自由空间内容格式，造成大量的麻烦

网站测试工作，需要网站测试人员对网站的每一个细节都要仔细测试，对网站后台进行熟悉操作，才能保证在网站正式上线之后不会出现太多的问题，到那时候再去修改，或者无法空间势必会影响网站更新速度，影响网站发展进度

ASP网站如何测试

1．配置IIS
　　第一步：在“控制面板”中启动“添加/删除程序”项，随后切换到“添加/删除Windows组件”界面并勾选“Internet信息服务（IIS）”，单击“详细信息”按钮进入详细信息界面，在此勾选“Internet信息服务管理单元”、“公用文件”、“万维网服务”三项，其他默认即可。确定后单击“下一步”按钮，放入Windows XP安装光盘，随后IIS就会安装成功。
　　第二步：安装成功后，在“控制面板”中打开“管理工具”窗口，双击该窗口中的“Internet信息服务”图标，打开“Internet信息服务”窗口，在左侧列表中依次展开到“默认网站”，随后用鼠标右键点击“默认网站”，在下拉菜单中选择“属性”，打开“默认网站属性对话框”（图1），进入到“主目录”界面，在“连接到资源时的内容源”项中点选“此计算机上的目录”，在“本地路径”下选择我们需要测试的站点目录，如D:\MyWeb。随后勾选“读取”、“记录访问”、“索引资源”等项目。
　　第三步：切换到“文档”界面，输入测试站点的首页文件名，输入时在“默认文档”项右侧单击“添加”按钮，在弹出的添加窗口中输入网站首页名称，如Index.asp。单击“确定”按钮，完成IIS设置。
2．绑定数据库
　　ASP网页都带有数据库，这样可以将写入的数据通过网页代码直接保存到数据库中，因此，在进行本地机网页测试时我们还要对数据库进行绑定。我们以绑定Access数据库为例进行说明。
　　第一步：首先在“控制面板”的“管理工具”项中启动“数据源（ODBC）”工具，在“ODBC数据源管理器”对话框中切换到“系统DSN”项下。在此单击“添加”按钮，在弹出的“创建数据源”对话框中选择Microsoft Access Driver（*.mdb）项，然后单击“完成”按钮。
　　第二步：在打开的“ODBC Microsoft Access安装”窗口中，输入数据源的名称，如mydsn。随后单击“选择”按钮，弹出 “选取数据库”对话框（图2），在此选择网站文件夹中的数据库文件，选取后单击“确定”按钮，返回到上一界面，在此继续单击“确定”按钮，该数据库将被添加到“ODBC数据源管理器”界面中，随后单击“确定”退出，这样为以后建立与数据库链接做好了准备。
让网站能够及时修改
　　如果发现站点在测试过程中网页脚本或数据绑定方面存在一些问题，我们就可以在Dreamweaver中进行修改，修改前先要把该ASP站点添加到Dreamweaver中。
　　第一步：创建站点时，在Dreamweaver程序中单击“站点”按钮，在弹出的列表中选择“新建站点”，打开“站点定义”对话框并切换到“高级”项中，在站点名称中输入该站点的名字，“本地根文件夹”项中输入该站点的文件夹，如D:\MyWeb（图3）。
　
　第二步：切换到“远程信息”项中，在“访问”项中选择“本地/网络”，随后在下面的“远程文件夹”项中输入本地站点目录即可。
　　第三步：切换到“测试服务器”界面中，在“服务器模型”中根据需要进行选择，如ASP VBScript，随后在“访问”项中选择“本地/网络”。输入后单击“确定”按钮，此时我们可以看到该站点被添加到Dreamweaver的“站点”窗口中（图4）。
　
　第四步：进入到Dreamweaver界面，在“窗口”菜单中勾选“数据库”命令（或同时按下键盘上的“Ctrl＋Shift＋F10”组合键），随后在数据库面板中单击“＋”按钮，在弹出的菜单中选择“数据库名称（DSN）”项，打开“数据库名称（DSN）”对话框。此时程序自动读取系统DSN数据库，这样在该对话框中我们就可以定义数据库链接了。其中在“链接名称”文本框中输入链接名称，如myconn，随后在下面的“数据库名称（DSN）”下拉菜单中选择刚刚创建的DSN数据库，如mydsn（图5）。
　
　　第五步：添加后，单击“测试”按钮，对数据库的链接进行测试，如果链接正确会弹出一个链接成功对话框。这样数据库链接已经创建成功。单击“确定”退出“数据库名称（DSN）”对话框，此时数据库链接成功。
***隐藏网址***

如何实现网页制作的本地测试

网页制作本地化测试主要分为:
1、制作的是单页面的html的话，那么将网页的代码和素材源文件都在本地化储存好，方便调用, 然后进行用浏览器打开html文件，在网页中打开就可以实现访问了；
2、如果是做成型的网站，开源程序的网站，那就需要在电脑上配置虚拟 主机，通过iis进行配置，然后实现本地化虚拟服务器，然后进行通过端口号的形式进行访问。