如何使用php脚本给html中引用的js和css路径打上版本号

 更新时间:2015年11月24日 09:54  点击:3595

在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,而不必从你的服务器读取,这样在一定程度上加快了网站的打开速度,又可以节约一下你的服务器流量。

具体文字说明不给大家多说了,下面通过代码实例给大家讲解。

比如

<link rel="stylesheet" type="text/css" href="./css/globel.css"><script src="./js/config.js"></script>

中的href和src加上版本

<link rel="stylesheet" type="text/css" href="./css/globel.css?eslc-app=3-0-2"><script src="./js/config.js?eslc-app=3-0-2"></script>

当然如果不是前后端 分离得干干净净的,就没必要这么额外的这样自己在写个脚本去打版本。

打版本的好处:

解决外部引用文件实时更新问题。比如

pc端上主要体现在 iframe中的外部引用文件不会实时更新。

wap端上部分app也是比如微信。 如果你的网页是嵌到自己的app,那也更不用说了。

用php写了个类

//生成版本//清除版本class ReplaceVersion{ protected $filePostFixs = array(); protected $versionName = null; protected $version = null; protected $path = null; /**  * @param mixed $configs   * @param [type] $profix [description]  * @param [type] $path  [description]  */ public function __construct($configs, $profix, $path){  if (!$this->isCanRun()) {   $this->error('必须在内网环境 10.10.0开头才可运行'); //exit;  }  $this->setVersion($configs);  $this->setFilePostFix($profix);  $this->path = $path; } protected function isCanRun(){  if (strpos($_SERVER['HTTP_HOST'], '10.10.0') !== false) {   return true;  }  return false; } /**  * 匹配到script节点  * @param array $match 匹配到的script  * @return string 处理好的script  */ protected function callbackScript($match){  //["<script src="../js/config.js?is=new"></script>", "../js/config.js", "?is=new"]  /*/<script.*?src=/"(.*?)(/?.*?|/?)?/".*?><//script>/*/  $str = $match[0];  $pattern = '/(<script.*?src=/")(.*)?(/"><//script>)/';  return $this->callbackMatch($str, $pattern); } /**  * 匹配到css节点  * @param array $match 匹配到的css  * @return string 处理好的css  */ protected function callbackCss($match){  // '<link rel="stylesheet" type="text/css" href="../css/globel.css">';  $str = $match[0];  $pattern = '/(<link.*?href=/")(.*)?(/".*?>)/';  return $this->callbackMatch($str, $pattern); } /**  * 回调模式匹配  * @param string $str   * @param string $pattern  * @return string    */ protected function callbackMatch($str, $pattern){  switch ($this->dealFlag) {   case 'replace':    return $this->replaceCallbackMatch($str, $pattern);   case 'clean':    return $this->cleanCallbackMatch($str, $pattern);   default:    $this->error('非法模式');  } } /**  * 替换版本  * @param string $str 待处理的string  * @param string $pattern 正则  * @return string  处理后的string  */ protected function replaceCallbackMatch($str, $pattern){  if (!preg_match($pattern, $str, $third)) {   return $str;  }  $arr  = explode('?', $third[2]);  $len  = count($arr);  $versionName = $this->versionName;  $version = $this->version;  if ($len === 1) {//没有问号   $arr[0] .= '?'. $versionName. '='. $version;  }else{//有问号   if (preg_match('/(^|/&)'. $versionName.'=(.*?)($|/&)/', $arr[1])) {//存在    $arr[1] = preg_replace('/(^|/&)'. $versionName.'=(.*?)($|/&)/', '$1'. $versionName.'='. $version. '$3', $arr[1]);    $arr[0] .= '?'. $arr[1];   }else{//不存在    $arr[0] .= '?'. $arr[1]. '&'. $versionName. '='. $version;   }  }  return $third[1]. $arr[0]. $third[3]; } /**  * 清除版本  * @param string $str 待清除的版本  * @param string $pattern 正则  * @return string  清除后的string  */ protected function cleanCallbackMatch($str, $pattern){  if (!preg_match($pattern, $str, $third)) {   return $str;  }  $arr  = explode('?', $third[2]);  $len  = count($arr);  $versionName = $this->versionName;  if ($len > 1 && strpos($arr[1], $versionName. '=') !== false) {   $arr[1] = preg_replace('/(^|/&)'. $versionName.'=(.*?)($|/&)/', '$1', $arr[1]);   substr($arr[1], -1) === '&' && ($arr[1] = substr($arr[1], 0, -1));   $arr[0] .= strlen($arr[1]) > 0 ? '?'. $arr[1] : '';   $str = $third[1]. $arr[0]. $third[3];  }  return $str; } /**  * 执行  */ protected function run(){  if ($this->path == '') {   $this->error('empty path');   return ;  }  if (is_dir($this->path)) {   $this->setDirFilesVersion( $this->path );  }else if(is_file($this->path)){   $this->setFileVersion( $this->path );  }else{   $this->error('error path');  } } /**  * 添加版本  */ public function replace(){  $this->dealFlag = 'replace';  $this->run();  echo 'replace success'; } /**  * 清除版本  */ public function clean(){  $this->dealFlag = 'clean';  $this->run();  echo 'clean success'; } protected function success(){ } protected function error($errorMsg){  echo $errorMsg;  exit(); } protected function setDirFilesVersion($dir){  $handle = null;  $file  = null;  if ( $handle = opendir($dir)) {   while ( false !== ($file = readdir($handle)) ) {    if ($file === '.' || $file === '..' || strpos($file, '.') === -1 ) {continue;}    $this->setFileVersion($file);   }  } } protected function setFileVersion($file){  $temp = null;  /*$pattern = '/<script.*?src=/"(.*?)(/?.*?|/?)?/".*?><//script>/';*/  $temp = explode('.', $file) ;  if ( ! $this->isNeedReplacePostFix(array_pop( $temp )) ) {return;}  $content = null;  $content = file_get_contents($file);  $content = preg_replace_callback('/<script.*?><//script>/', array(&$this, 'callbackScript'), $content);  $content = preg_replace_callback('/<link.*?type="text//css".*?>/', array(&$this, 'callbackCss'), $content);  // highlight_string($content);  file_put_contents($file, $content); } /**  * 获得版本  * @param mixed $configs array( 'versionName' : 'version') || $versionName  */ protected function setVersion($configs){  // last_wap_version  = '3-0-0',   // wap_version = '3-0-1',  if (is_array($configs) && $configs > 0) {   foreach ($configs as $key => $value) {    $this->version = $value;    $this->versionName = $key;   }  }else if(is_string($configs) && $configs != ''){   $configs = explode(',', $configs);   $this->versionName = $configs[0];   count($configs) == 2 && ($this->version = $configs[1]);  }else{   $this->error('the version is empty');  } } /**  * 通过后缀判断该文件是否要添加或清除版本  * @param string $profix 后缀  * @return boolean  true | false  */ protected function isNeedReplacePostFix($profix){  if (in_array($profix, $this->filePostFixs)) {   return true;  }  return false; } /**  * 设置需要操作的后缀  */ public function setFilePostFix($profix){  if (is_array($profix)) {   count($profix) > 0 && ( $this->filePostFixs = array_merge($this->filePostFixs, $profix) );  }else if(is_string($profix)){   $this->filePostFixs[] = $profix;  } }}

使用:

$dir  = __DIR__;$is_clean = false;//$is_clean = true;//第一个参就是版本信息, 第二个就是要匹配的文件后缀, 第三个是要匹配的目录或者文件if ($is_clean) {//清除版本 $configs = 'eslc-wap'; $replaceObj = new ReplaceVersion($configs, array('html'), $dir); $replaceObj->clean();}else{//添加或替换版本 $configs = array('eslc-wap' => '1.0.1');//也可以写成 $configs = 'eslc-wap, 1.0.1'; $replaceObj = new ReplaceVersion($configs, array('html'), $dir); $replaceObj->replace();}

[!--infotagslink--]

相关文章

  • 图解PHP使用Zend Guard 6.0加密方法教程

    有时为了网站安全和版权问题,会对自己写的php源码进行加密,在php加密技术上最常用的是zend公司的zend guard 加密软件,现在我们来图文讲解一下。 下面就简单说说如何...2016-11-25
  • JavaScript判断浏览器及其版本信息

    本篇文章主要分享了通过window.navigator来判断浏览器及其版本信息的实例代码。具有一定的参考价值,下面跟着小编一起来看下吧...2017-01-23
  • ps怎么使用HSL面板

    ps软件是现在很多人都会使用到的,HSL面板在ps软件中又有着非常独特的作用。这次文章就给大家介绍下ps怎么使用HSL面板,还不知道使用方法的下面一起来看看。 &#8195;...2017-07-06
  • php版本银联支付接口开发实例

    支付接口现在有第三方的支付接口也有银行的支付接口了,今天我们来介绍php版本银联支付接口开发实例了,这个我估计可以帮助到不少的朋友的哦。 银联支付,首先要注意二...2016-11-25
  • Plesk控制面板新手使用手册总结

    许多的朋友对于Plesk控制面板应用不是非常的了解特别是英文版的Plesk控制面板,在这里小编整理了一些关于Plesk控制面板常用的使用方案整理,具体如下。 本文基于Linu...2016-10-10
  • 使用insertAfter()方法在现有元素后添加一个新元素

    复制代码 代码如下: //在现有元素后添加一个新元素 function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement){ parent.appendChild(newEl...2014-05-31
  • 使用GruntJS构建Web程序之构建篇

    大概有如下步骤 新建项目Bejs 新建文件package.json 新建文件Gruntfile.js 命令行执行grunt任务 一、新建项目Bejs源码放在src下,该目录有两个js文件,selector.js和ajax.js。编译后代码放在dest,这个grunt会...2014-06-07
  • 使用percona-toolkit操作MySQL的实用命令小结

    1.pt-archiver 功能介绍: 将mysql数据库中表的记录归档到另外一个表或者文件 用法介绍: pt-archiver [OPTION...] --source DSN --where WHERE 这个工具只是归档旧的数据,不会对线上数据的OLTP查询造成太大影响,你可以将...2015-11-24
  • 如何使用php脚本给html中引用的js和css路径打上版本号

    在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、...2015-11-24
  • 一个奇葩的最短的 IE 版本判断JS脚本

    使用 conditional comment 来判断 IE 的版本。嗯,是早早有人提出,但没有认真看代码。昨天刚好在看 CSS3 PIE 的时候看到,觉得是不是不靠谱。今天看到 Paul Irish 也提起,那么,推荐一下吧。这是作者博客上写的:复制代码 代码...2014-05-31
  • linux中PHP dirname(__FILE__)路径问题解决

    在php 中dirname() 函数返回路径中的目录部分,__FILE__而当前运行文件的完整路径和文件名。如果用在被包含文件中,则返回被包含的文件名。这是一个魔法变量(预定义常量),在...2016-11-25
  • jQuery 1.9使用$.support替代$.browser的使用方法

    jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合...2014-05-31
  • 安装和使用percona-toolkit来辅助操作MySQL的基本教程

    一、percona-toolkit简介 percona-toolkit是一组高级命令行工具的集合,用来执行各种通过手工执行非常复杂和麻烦的mysql和系统任务,这些任务包括: 检查master和slave数据的一致性 有效地对记录进行归档 查找重复的索...2015-11-24
  • C#路径,文件,目录及IO常见操作汇总

    这篇文章主要介绍了C#路径,文件,目录及IO常见操作,较为详细的分析并汇总了C#关于路径,文件,目录及IO常见操作,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • MySQL日志分析软件mysqlsla的安装和使用教程

    一、下载 mysqlsla [root@localhost tmp]# wget http://hackmysql.com/scripts/mysqlsla-2.03.tar.gz--19:45:45-- http://hackmysql.com/scripts/mysqlsla-2.03.tar.gzResolving hackmysql.com... 64.13.232.157Conn...2015-11-24
  • php语言中使用json的技巧及json的实现代码详解

    目前,JSON已经成为最流行的数据交换格式之一,各大网站的API几乎都支持它。我写过一篇《数据类型和JSON格式》,探讨它的设计思想。今天,我想总结一下PHP语言对它的支持,这是开发互联网应用程序(特别是编写API)必须了解的知识...2015-10-30
  • PHP实现无限级分类(不使用递归)

    无限级分类在开发中经常使用,例如:部门结构、文章分类。无限级分类的难点在于“输出”和“查询”,例如 将文章分类输出为<ul>列表形式; 查找分类A下面所有分类包含的文章。1.实现原理 几种常见的实现方法,各有利弊。其中...2015-10-23
  • C#注释的一些使用方法浅谈

    C#注释的一些使用方法浅谈,需要的朋友可以参考一下...2020-06-25
  • php类的使用实例教程

    php类的使用实例教程 <?php /** * Class program for yinghua05-2 * designer :songsong */ class Template { var $tpl_vars; var $tpl_path; var $_deb...2016-11-25
  • 双冒号 ::在PHP中的使用情况

    前几天在百度知道里面看到有人问PHP中双冒号::的用法,当时给他的回答比较简洁因为手机打字不大方便!今天突然想起来,所以在这里总结一下我遇到的双冒号::在PHP中使用的情况!双冒号操作符即作用域限定操作符Scope Resoluti...2015-11-08