热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> .Net编程>>正文内容

自定义app_offline.htm,让网站升级提示更专业

发布时间:2010年02月25日点击数: 佚名

用 VS2005 发布新网站时,VS会自动上传个 app_offline.htm 到网站上。

这时,所有的网站连接都成为如下图所示:

r_offline.jpg

提示信息对开发者来说,有点用处。但是,对于正在访问中用户来说,实在是蹩脚。

那么,如何让升级的时候,给访问用户一个良好的信息提示呢?

答案很简单,修改VS2005里的这个文件 app_offline.htm
路径: C:\Documents and Settings\Silver\Application Data\Microsoft\VisualStudio\8.0
(路径与VS2005安装目录有关)

以下发个修改示例:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" > 
  3. <head> 
  4.     <title>网站升级中</title> 
  5.   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  6. </head> 
  7. <style> 
  8. div { 
  9.     background-color:#ffffcc; 
  10.     padding-top:10px; 
  11.     padding-bottom:10px; 
  12.     padding-left:10px; 
  13.     padding-right:10px;     
  14.     border-style:solid; 
  15.     border-color:Black; 
  16.     border-width:1px; 
  17.   #WaitTimeSpan { color: blue; font-family: verdana; font-weight: bold; } 
  18.   body{ font-size: 42pt; background-color: silver; text-align:center; } 
  19.    
  20. </style> 
  21. <body> 
  22.   <div>   
  23. <p>网站正在升级中……</p> 
  24. <p>请稍等 <span id="WaitTimeSpan">61</span> 秒……</p> 
  25. <p>敬请谅解!</p> 
  26.   <p>Web Site Update in progress. </p> 
  27.   <p>Please wait for a moment.</p> 
  28.   </div> 
  29. <script type="text/javascript"> 
  30. function Goto() 
  31.     var waitTimeSpan = document.getElementById("WaitTimeSpan"); 
  32.     var seconds = parseInt(waitTimeSpan.innerText); 
  33.      
  34.     if (seconds == 0) 
  35.     { 
  36.         locationlocation.href = location.href; 
  37.         return; 
  38.     } 
  39.     else 
  40.     { 
  41.         seconds--; 
  42.         waitTimeSpan.innerText = seconds.toString(); 
  43.     }     
  44.     setTimeout("Goto()", 1000); 
  45. Goto(); 
  46. </script> 
  47. </html> 

参看示例:

r_WebSiteUpdate.jpg

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作