HTML 5 标签的 media="screen"属性

media="screen" 偶而会看到有代码会写上这么一段,不过大多情况这个属性是忽略的,大部份情况下都是缺省的screen (缺省值),提交到计算机屏幕。

HTML5的media属性的定义和用法:

media 属性规定目标 URL 是为什么类型的媒介/设备进行优化的。
该属性用于规定目标 URL 是为特殊设备(比如 iPhone)、语音或打印媒介设计的。
该属性可接受多个值。
只能在 href 属性存在时使用。

带有 media 属性的链接HTML代码如下:

<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)">
    HTML5 a media attribute.
</a>

又如:

<link type="text/css" rel="stylesheet" href="css/style.css" media="screen" />

这行代码最后面的 media="screen"

media=""指定这个CSS用于何种设备。具体参数如下:

screen:(缺省值),提交到计算机屏幕;
print:输出到打印机;
projection:提交到投影机;
aural:扬声器;
braille:提交到凸字触觉感知设备;
tty:电传打字机 (使用固定的字体);
tv:电视机;
all:所有输出设备

JS禁止网页右键

禁止网页右键JS代码:

<html>
    <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>
<script type="text/javascript">
    try {
        $(document).bind("contextmenu", function () { return false; });
        $(document).bind("selectstart", function () { return false; });
        $(document).keydown(function () { return key(arguments[0]) });
    } catch (e) { }
</script>
</body>
</html>

Maven依赖指定版本范围或者最新版本

在maven中我们经常像下面这样引用一个依赖:

<dependency>
  <groupId>wonderful-inc</groupId>
  <artifactId>dream-library</artifactId>
  <version>1.2.3</version>
</dependency>

我们指定了固定的版本1.2.3,如果我们想每次都引用最新版本,是否可以呢?答案是可以的,在pom文件的定义中,可以使用版本的一个范围,版本范围的写法说明如下:

  • (,1.0] x <= 1.0
  • 1.0 "Soft" requirement on 1.0 (just a recommendation - helps select the correct version if it matches all ranges)
  • [1.0] Hard requirement on 1.0
  • [1.2,1.3] 1.2 <= x <= 1.3
  • [1.0,2.0) 1.0 <= x < 2.0
  • [1.5,) x >= 1.5
  • (,1.0],[1.2,) x <= 1.0 or x >= 1.2. Multiple sets are comma-separated
  • (,1.1),(1.1,) This excludes 1.1 if it is known not to work in combination with this library

3款好用抓包工具Fiddler2、Wireshark、Firebug的区别

  • Firebug:Firefox的一个插件,超牛的一个web调试工具,web开发者的神器。

  • Fiddler2:一个网络调试代理,用来监测本地计算机和Internet之间所有的HTTP通讯。

抓包Fiddler2比Firebug要强,不过2者都只能捕捉到http协议的。

  • Wireshark:(前称Ethereal)是一个网络封包分析软件。网络封包分析软件的功能是撷取网络封包,
    并尽可能显示出最为详细的网络封包资料,直接获取网卡数据,系统底层抓包神器。