㈠ 怎么查看网站源代码
IE9浏览器默认情况下隐藏了浏览器菜单栏,因此在打开IE9浏览器以后,需要按键盘上的ALT键来显示浏览器工具栏。
在显示出来的IE菜单栏上点击菜单“查看”→“源文件”。
IE浏览器会自动打开一个新的窗口来显示网页源代码。
哦~这份缘文件实在太难看懂了~别着急,其实IE9提供了一个更为强大的网页源代码查看工具——开发者工具。
点击IE9浏览器右上角的齿轮图标,在下拉菜单中点击“F12开发者工具”,或者直接按键盘上的快捷键F12也可以打开开发者工具。
IE9的开发者工具提供更为强大的网页开发查看代码和调试功能,你可以使用开发者工具更方便地查看网页HTML代码,CSS样式代码和脚本等信息。
使用Firefox火狐浏览器查看网页源代码
Windows Vista/7用户:点击Firefox浏览器左上角的快捷菜单,在下拉菜单中点击“Web开发者”→“查看页面源代码”。
Windows XP/Linux用户:点击Firefox浏览器的菜单“工具”→“Web开发者”→“查看页面源代码”。
键盘快捷键:Ctrl+U
Firfox浏览器会打开网页源代码窗口显示网页HTML源代码。
如果想要查看其中外联的CSS源文件,可以用鼠标点击源代码中的CSS外联文件链接网址。
不过自带的之中网页源文件查看器并不好用,你可以尝试使用插件Firebug来获取更好用的网页开发功能。
点击“Web开发者”→“获取更多工具”。
在弹出的Firefox新标签页中安装插件“Firebug”。
安装完成以后会在Firefox浏览器的右上角工具栏中添加Firebug的图标,点击它就可以使用Firebug网页调试工具了。
这个工具相当强大哦~
使用谷歌Chrome浏览器查看网页源代码
点击Chrome浏览器右上角的快捷菜单“工具”→“查看源代码”。
Chrome浏览器会打开一个网页源代码显示窗口,这个源代码显示窗口好像也是不那么友好,一大堆网页代码实在不知道如何下手呀。
如果你想要更好的网页源代码显示和开发工具,那就点击Chrome浏览器右上角的快捷菜单“工具”→“开发者工具”。
看看,不需要下载任何插件,Chrome浏览器就已经为你提供了一个相当强大的网页开发者工具了。
使用Chrome浏览器开发者工具来查看和调试CSS也相当好用。
㈡ 怎么查看网页的源文件
工具/原材料
IE8浏览器、电脑。
1、打开电脑在桌面上找到并点击IE8浏览器,IE7浏览器的操作也是类似步骤;
㈢ 如何打开网页源代码
参考下面方法查看:
操作工具:ie浏览器,电脑win7。
1、首先打开电脑的ie浏览器进去,如下图所示。
网站源码主要作用
生成目标代码,即计算机可以识别的代码,对软件进行说明,即对软件的编写进行说明。为数不少的初学者,甚至少数有经验的程序员都忽视软件说明的编写,因为这部分虽然不会在生成的程序中直接显示,也不参与编译。
但是说明对软件的学习、分享、维护和软件复用都有巨大的好处。因此,书写软件说明在业界被认为是能创造优秀程序的良好习惯,一些公司也硬性规定必须书写。需要指出的是,源代码的修改不能改变已经生成的目标代码。如果需要目标代码做出相应的修改,必须重新编译。
㈣ 如何查找网页的源代码
一、安装和界面
Instant Source是专为IE开发的插件,所以,安装后你在开始菜单找不到启动它的程序。它整合在IE中,如果在你的IE浏览器工具栏上没有发现它的图标,可以通过“查看→工具栏→自定义”添加。
点击IE浏览器工具栏上的Instant Source图标,如图1所示,Instant Source会在IE窗口的下面露出它的真面目,Instant Source几乎所有的功能,都要通过整合在IE中的这个窗口才能完成。
二、查看源代码
Instant Source提供了多种源代码的查看方式,它可以查看整个页面的源代码,也可以查看选定文本的源代码,甚至还可以查看鼠标所指网页元素的源代码。点击工具栏上的“显示”按钮,如图2所示,在菜单上选择“鼠标所指元素”,这样,在IE中,鼠标所指网页元素的源代码就实时地显示在Instant Source窗口中了。
三、编辑源代码
首先需要说明的是,Instant Source对网页源代码的编辑,只适合于本地的HTML网页文件。
在IE中打开一个本地网页文件,在图2中选择“整个页面(原始)”,这时,你会发现,在Instant Source工具栏上的“应用”按钮已变为可用状态,现在,你就可以在Instant Source窗口中编辑该网页的源代码了。编辑完成后,点击“应用”,Instant Source会自动保存该网页并在IE中实时显示。这一功能,对于那些习惯于使用源代码编辑网页的朋友,无疑是一大福音。
四、保存外部对象
在IE中打开“新浪网”首面,在Instant Source工具栏上点击“对象”,打开“页面对象”对话框,你看到了什么?没错,“新浪网”首页中链接到的所有外部对象,包括图像、Flash电影、js脚本、样式表以及链接到的其它网页文件都一览无余
选定一个对象,点击对话框上的“查看”,可以在默认的浏览器中打开该对象;点击“保存”,可以在本地保存该对象,当然了,点击“保存全部”,可以保存所有对象;点击“复制URL”,可以把选定对象的绝对地址复制到剪贴板。不是有很多朋友老问我,怎样才能保存网页上的Flash动画吗,今天把这个软件介绍给你,希望再不要问我这样的问题。
在Instant Source的窗口中,我们可以复制选定的源代码,也可以点击工具栏上的“查找”,在网页源代码中查找你需要的内容。总之,Instant Source是一款对网页制作爱好者非常实用的工具,对于其它网民,你也可以利用它查找并保存网页上的资源。
㈤ 查看网页源文件的技巧有哪些
IE浏览器查看源代码的方法
IE浏览器就是微软公司出品的Internet Explorer,一般内置在各个版本的Windows操作系统中,现在流行的版本有IE6、IE7,也有少数人开始用IE8,但它还不完善,建议还是使用稳定的IE6或IE7。
打开浏览器,输入一个网址(拿阿邦网举例),待页面全部打开。找到一块你觉得感兴趣的地方,然后找到它的源代码,反正是举例,我就随便找个目标,比如首屏的“滚动热点”。
好,目标寻找完毕,在页面的空白处点击鼠标右键,在菜单中可以看到“查看源文件”的选项,如图一,点击它,然后会弹出一个文本文档,你会看到一大堆代码,这就是这个页面的源文件了。
不过有些做页面的朋友不厚道,不想让别人看到源文件,于是添加代码禁止在网页中点击右键,这时候你可以点击浏览器菜单栏里的“查看”,里面有“源文件”选项,如图二,效果和右键查看源代码相同。
如果这个也给禁止了呢?那我们就把页面另存一下,点击浏览器菜单栏里文件--另存为,如图三,存好了之后再拿Dreamweaver或者记事本之类的软件打开就行了。
如果这个也用不了......那只能再根据具体情况分析了,稍后再谈这个。
那么长的源文件,看了都头晕,怎么找到自己想要的那个部分?搜索呀,寻找有代表性的关键词搜索,有时候可以搜索文字,有时候可以搜索图片名称。这个例子比较好找,只要找到“滚动热点”就可以了。在记事本中按Ctrl+F,或者工具栏中编辑里的查找,如图四,输入“滚动热点”,一下就搜到了。然后再看一下,原来滚动字幕就在<div id="HomeRollText"></div>里面包含着。OK,目标找到了。
现在绕回去说刚才没有解决的那个问题,有些网页禁止右键、禁止查看源文件怎么办?有一款对网页开发非常实用的浏览器,还有很多相关插件可以增强其性能,它就是Firefox。
Firefox浏览器查看源代码的方法
Firefox浏览器有助于网页开发制作的功能要远胜于IE,而且有些禁用页面效果的Javascript脚本在Firefox里是失效的,再加上Firefox的网页开发插件,那就更加如虎添翼了。
Firefox浏览器查看网页源代码的方法基本和IE相似,也是在页面空白处点击右键选择“查看页面源代码”,直接按Ctrl+U,或者点击工具栏上的查看“查看页面源代码”,如图五。
如果还是不能查看源代码,我们可以借助一下插件,Firefox有一个专业的网页开发插件叫Web Developer,可以在Firefox的官方网站下载到:https://addons.mozilla.org/zh-CN/firefox/addon/60,如图六,点击“安装到Firefox”按钮,在弹出的窗口中点击“安装”,等到下载完毕就会直接安装到浏览器中了,重启Firefox浏览器,如果你能看到一个新的工具条,这表示它可以正常使用了。
Web Develpoer插件在制作网页中最常用到的两个功能是查看CSS(View Css)和查看源代码(View Source),只需要点击按钮就可轻松搞定。
依照上面的步骤,打开页面,等待全部加载完毕,然后点击Web Developer工具栏中从右数第二项的View Source,在下拉菜单中再点击View Source,立刻会弹出一个页面,这就是页面的源代码,而它不是用记事本或其它工具打开的,是Firefox自带的代码查看器。在查看器中直接按Ctrl+F或者点击工具栏菜单中的编辑 --查找,搜索“滚动热点”,一下就能找到了,这个插件十分方便,尤其是遇到禁用脚本的时候。
OK,查看源代码的几种方法就介绍到这,不过这些技巧需要随时变通,活学活用,希望这些技巧能对你有些帮助。
㈥ 如何查看网页的源码
一个网页的源码,除了从事IT工作的人员外,很少有人接触,今天就介绍一种查看一个网页源码的方法。
首先打开一个网页,如https://www.sogou.com/
然后点击右上角的【菜单】。
然后再点击【工具】。
就会弹出一个子菜单,其中就包含了【查看源文件】
点击【查看源文件】即可。