码迷,mamicode.com
首页 > 其他好文 > 详细

shortcut icon使用

时间:2017-04-25 11:45:51      阅读:393      评论:0      收藏:0      [点我收藏+]

标签:join   ref   targe   finish   pip   read   href   body   content   

第一部分:

之前这么久竟然一直不知道shortcut icon的使用,下面这个简单的实例即可说明:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>link标签实现shortcut</title>
    <link rel="shortcut icon" type="images/x-icon" href="./my.ico"> 
</head>
<body>
    Hello, please look at the shortcur icon.  
</body>
</html>

其中rel必须是shortcut icon, type必须是images/x-icon,href即为一张ico的图片即可。

http://www.ico.la/

此网站可以在线制作ico图片。 

 

 

第二部分: node中使用favicon

如下所示,创建app.js,在当前目录下创建public,存放ico图片,如下:

var http = require(http);
var path = require(path); // path模块大多是为了使用path.join() 方法的。
var fs = require(fs);
var url = require(url); //  url模块大多是为了处理req的,即利用url.parse可以将url进行解析。

// var server = http.createServer();

// Location of your favicon in the filesystem.
var FAVICON = path.join(__dirname, public, favicon.ico);

var server = http.createServer(function(req, res) {
  var pathname = url.parse(req.url).pathname;

  // If this request is asking for our favicon, respond with it.
  if (req.method === GET && pathname === /favicon.ico) {
    // MIME type of your favicon.
    //
    // .ico = ‘image/x-icon‘ or ‘image/vnd.microsoft.icon‘
    // .png = ‘image/png‘
    // .jpg = ‘image/jpeg‘
    // .jpeg = ‘image/jpeg‘
  // 注意icon的头部设置为image/x-icon
res.setHeader(Content-Type, image/x-icon); // Serve your favicon and finish response. // // You don‘t need to call `.end()` yourself because // `pipe` will do it automatically.
  // 即利用pipe() 方法将文件pipe给res。
fs.createReadStream(FAVICON).pipe(res); return; } // This request was not asking for our favicon, // so you can handle it like any other request. res.end(); }); // Listen on port 3000. // // This line is not relevant to this answer, but // it would feel incomplete otherwise. server.listen(3000);

 

shortcut icon使用

标签:join   ref   targe   finish   pip   read   href   body   content   

原文地址:http://www.cnblogs.com/zhuzhenwei918/p/6760751.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!