您的位置：首页 > 编程技术 > html  >  不打开网页直接查看网站的源代码

不打开网页直接查看网站的源代码

 更新时间：2016年9月20日 19:03  点击：4355

　　有一种方法，可以不打开网站而直接查看到这个网站的源代码..

　　这样可以有效地防止误入恶意网站...

　　在浏览器地址栏输入：

　　view-source:http://

　　这样试一下吧~




如今和我一样拥有个人网站的朋友一定有不少，个人网站如果想做好，内容的充实和网站的定位是致关重要的。定位一开始就已经定下来了， 而内容的充实，则是我们每天做网站的重点。现在IT世界网免费向广大站长们提供了报价代码，这样我们自己的网站也可以拥护功能强大的IT 报价系统了！现在查报价的人越来越多，对我们的网站一定很多帮助！下面就跟随我一起把报价系统加入到我们自己站去吧！

　　步骤一：打开http://www.it.com.cn/it/code/price.htm页面，你会看到如图1的一段代码，将该代码全部选中，点右键打开快捷菜单，选择“复制”。


图1

　　步骤二：使用Dreamweaver或者Frontpage等网页制作工具打开需要添加报价系统的页面，将刚才复制的代码粘贴到自己感觉合适的位置，保存预览一下，怎么样，效果还不错吧（如图2）？


图2

　　步骤三：最后一步当然就是将添加了代码的网页上传到网页服务器上就OK了！

　　小技巧：

　　修改表格边框颜色
　　这段代码中的“it_bordercolor="#4a9aef"”决定了边框的颜色，如果默认的边框颜色和你的网站整体不协调的话，你可以将“"#4a9aef"”替换成自己想要的颜色代码。

　　修改表格宽度
　　同样，如果报价系统默认的的表格宽度不符合你的要求，直接修改“it_width=170”这里的数值就可以了！


　　提示二：看看那些爬虫经常光顾自己的网站，对自己网站的页面用爬虫模拟程序来观察那些链接、那些页面会被查阅到。 　

　　提示三：为自己的网站编写robots.txt，给爬虫指路。

　　提示四：明确每个页面的主题，给出恰当的题目，并将它作为网页的标题。 　

　　提示五：为每个页面提供单独的描述元标签。

　　提示六：把javascript脚本程序外放连接。 　

　　提示七：搜索引擎喜欢那些放在标题标记中的文字。

　　提示九：避免不必要的表格嵌套。 　

　　提示十：使用b或strong来标记文章中重要的内容，比如关键词。 　

　　对于Blog程序，比如Mt，可以将内容的摘要作为meta中的描述。MT3.1使用hx来标记标题，符合搜索引擎的嗜好。现在要注意的，就是将关键词着重标示。或许这对adsense也有帮助，免得它看到服装两个字就把服装的广告给放到了关于信息搜索的页面来。


　　通常情况下，我们如果接到一个单，肯定是要先设计Demo给客户看，客户还没看到设计Demo前，通常是不会给钱的。这时候我们最担心的一点就是Demo会被客户直接拿去使用，而钱却分文未付，损失的是我们自己。 


　　那么如何防止网页Demo被那些赖账的客户盗用呢？
　
　　很多人会想，把网页的源代码加密。但是，有用吗？客户只要另存一下，网页就和你SayGoodBye了，客户端的东西可以直接下载下来，就算有flash，也可以用webzip整站连同加密过源代码都一起下载，这个办法还是行不通。

　　也有人会想，禁止鼠标右键，以免图片被另存，禁止菜单的某些功能，禁止截屏的键盘，或者给图片加上水印，这样是否可以防止设计Demo被盗用呢？呵呵，想法虽好，但是实现起来却非常麻烦，而且还是不保险。就算不能使用右键，把鼠标停止在图片上面一会儿，就会出现保存到本地的保存按钮，我们拿它没办法。

　　这里我把自己日常总结并珍藏的解决方案给大家参考，希望对大家会有所帮助。除非客户对着电脑拍照，否则决不可能会把Demo拿去使用。

　　1、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单：

<script LANGUAGE="JavaScript"> 
function click() { if (event.button==2) 
{alert('呵呵，不好意思，你甭想使用右键下载图片：）'); } } document.onmousedown=click
</script>



　　2、在网页的Head部分加入如下代码，这段代码的主要功能是屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文件——另存为菜单另存。

<script language="javascript">
<!--
function testclip(){
 try {
  if(clipboardData.getData("Text")||clipboardData.getData("HTML")||

clipboardData.getData("URL")) 
   {
   null;
   }
  }
 catch(e){
  clipboardData.setData("Text","")
  }
 setTimeout("testclip()",500)
}
testclip();
//-->
</script>


　　3、给网页代码加密。加密的办法有好多，大家可以找一个不可逆的加密方法，自己最好保存一份未加密过的源码，以防万一。

　　经过以上三个步骤，我相信除了对着电脑拍照，真的没有什么办法可以破解得到网页源文件了。大家可以试一下。



　　在CSS样式中，a:hover指的是当鼠标移动链接上时的样式。有时候我们需要对一个网页中的链接文字做不同的效果，并且让鼠标移上时也有不同效果。

　　办法：
　　定义
　　a.myname:hover

　　myname为另一个样式表的名字。如
　　.myname
　　{ color: #ff0000;
　　text-decoration: none;
　　}

　　然后，应用了myname样式的链接，就会在hover时变成a.myname:hover定义的样式。

　　请观看：视频教程:如何改变超级连接的颜色




[!--infotagslink--]

相关文章

  • 不打开网页直接查看网站的源代码

    　　有一种方法，可以不打开网站而直接查看到这个网站的源代码.. 　　这样可以有效地防止误入恶意网站... 　　在浏览器地址栏输入： 　　view-source:http://...2016-09-20

  • php 调用goolge地图代码

    <?php require('path.inc.php'); header('content-Type: text/html; charset=utf-8'); $borough_id = intval($_GET['id']); if(!$borough_id){ echo ' ...2016-11-25

  • 如何获取网站icon有哪些可行的方法

    获取网站icon，常用最简单的方法就是通过website/favicon.ico来获取，不过由于很多网站都是在页面里面设置favicon，所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现：http://www.google.com/s2/favi...2014-06-07

  • JS+CSS实现分类动态选择及移动功能效果代码

    本文实例讲述了JS+CSS实现分类动态选择及移动功能效果代码。分享给大家供大家参考，具体如下：这是一个类似选项卡功能的选择插件，与普通的TAb区别是加入了动画效果，多用于商品类网站，用作商品分类功能，不过其它网站也可以用，...2015-10-21

  • JS实现自定义简单网页软键盘效果代码

    本文实例讲述了JS实现自定义简单网页软键盘效果。分享给大家供大家参考，具体如下：这是一款自定义的简单点的网页软键盘，没有使用任何控件，仅是为了练习JavaScript编写水平，安全性方面没有过多考虑，有顾虑的可以不用，目的是学...2015-11-08

  • JS基于Mootools实现的个性菜单效果代码

    本文实例讲述了JS基于Mootools实现的个性菜单效果代码。分享给大家供大家参考，具体如下：这里演示基于Mootools做的带动画的垂直型菜单，是一个初学者写的，用来学习Mootools的使用有帮助，下载时请注意要将外部引用的mootools...2015-10-23

  • php 取除连续空格与换行代码

    php 取除连续空格与换行代码，这些我们都用到str_replace与正则函数 第一种： $content=str_replace("n","",$content); echo $content; 第二种： $content=preg_replac...2016-11-25

  • php简单用户登陆程序代码

    php简单用户登陆程序代码 这些教程很对初学者来讲是很有用的哦，这款就下面这一点点代码了哦。 <center> <p>&nbsp;</p> <p>&nbsp;</p> <form name="form1...2016-11-25

  • PHP实现清除wordpress里恶意代码

    公司一些wordpress网站由于下载的插件存在恶意代码，导致整个服务器所有网站PHP文件都存在恶意代码，就写了个简单的脚本清除。恶意代码示例...2015-10-23

  • js识别uc浏览器的代码

    其实挺简单的就是if(navigator.userAgent.indexOf('UCBrowser') > -1) {alert("uc浏览器");}else｛//不是uc浏览器执行的操作｝如果想测试某个浏览器的特征可以通过如下方法获取JS获取浏览器信息 浏览器代码名称：navigator...2015-11-08

  • JS实现双击屏幕滚动效果代码

    本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考，具体如下：这里演示双击滚屏效果代码的实现方法，不知道有觉得有用处的没，现在网上还有很多还在用这个特效的呢，代码分享给大家吧。运行效果截图如下：在线演...2015-10-30

  • JS日期加减,日期运算代码

    一、日期减去天数等于第二个日期function cc(dd,dadd){//可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + "年" + (a.getMonth() +...2015-11-08

  • PHP开发微信支付的代码分享

    微信支付，即便交了保证金，你还是处理测试阶段，不能正式发布。必须到你通过程序测试提交订单、发货通知等数据到微信的系统中，才能申请发布。然后，因为在微信中是通过JS方式调用API，必须在微信后台设置支付授权目录，而且要到...2014-05-31

  • PHP常用的小程序代码段

    本文实例讲述了PHP常用的小程序代码段。分享给大家供大家参考，具体如下：1.计算两个时间的相差几天$startdate=strtotime("2009-12-09");$enddate=strtotime("2009-12-05");上面的php时间日期函数strtotime已经把字符串...2015-11-24

  • mac下Apache + MySql + PHP搭建网站开发环境

    首先为什不自己分别搭建Apache，PHP和MySql的环境呢？这样自己可以了解更多知识，说起来也更酷。可也许因为我懒吧，我是那种“既然有现成的，用就是了”的人。君子生非异也，善假于物也。两千年前的荀子就教导我们，要善于利用工具...2014-06-07

  • php怎么用拼音 简单的php中文转拼音的实现代码

    小编分享了一段简单的php中文转拼音的实现代码，代码简单易懂，适合初学php的同学参考学习。 代码如下 复制代码 <?phpfunction Pinyin($_String...2017-07-06

  • php导出csv格式数据并将数字转换成文本的思路以及代码分享

    php导出csv格式数据实现：先定义一个字符串 存储内容，例如 $exportdata = '规则111,规则222,审222,规222,服2222,规则1,规则2,规则3,匹配字符,设置时间,有效期'."/n";然后对需要保存csv的数组进行foreach循环，例如复制代...2014-06-07

  • ecshop商品无限级分类代码

    ecshop商品无限级分类代码 function cat_options($spec_cat_id, $arr) { static $cat_options = array(); if (isset($cat_options[$spec_cat_id]))...2016-11-25

  • 几种延迟加载JS代码的方法加快网页的访问速度

    本文介绍了如何延迟javascript代码的加载，加快网页的访问速度。 当一个网站有很多js代码要加载，js代码放置的位置在一定程度上将会影像网页的加载速度，为了让我们的网页加载速度更快，本文总结了一下几个注意点...2013-10-13

  • php实现网站留言板功能

    我要实现的就是下图的这种样式，可参考下面这两个网站的留言板，他们的实现原理都是一样的畅言留言板样式：网易跟帖样式：原理 需要在评论表添加两个主要字段 id 和 pid ，其他字段随意添加，比如文章id、回复时间、回复内容、...2015-11-08