阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.Webshim 中文API文档

      插件 jQuery.Webshim 中文API文档

      源码 & 下载

      Webshim

      polyfilling,基于功能的加载JavaScript库

      一般原则

      • 符合HTML5:正确且准确地实现(HTML5)标记,JS和DOM-API
      • 基于功能的加载:在现代浏览器中非常轻量级
      • 跨浏览器支持:所有A级评级浏览器,包括最新版本的Opera都经过测试
      • 可扩展:如果我们没有实现您想要的功能,您可以自己轻松实现它

      特征

      • canvas
      • HTML5表单功能包括:约束验证和表单小部件(输入[type =“range”],输入[type =“date”],输入[type =“number”],输入[type =“time”],输入[类型] =“月”,输出,进度,输入[list] / datalist)
      • HTML5音频/视频/轨道实施
      • matchMedia
      • 互动元素:摘要/细节
      • XHR2 / filereader(包括XHR2 / AJAX CORS和FormData处理)
      • picture / img [srcset]
      • 诺言
      • 地理位置
      • ECMAScript 5 / JavaScript 1.8.5功能
      • window.URL
      • getUserMedia(‘usermedia’目前只能访问用户的摄像头,而不是麦克风)
      • 粘性(位置:粘性)

      安装和使用

      1 - 下载Webshim Lib并将该js-webshim文件夹放在项目中。

      2 - 包含JavaScript:

      <script src="js/jquery.js"></script>
      
      <script src="js-webshim/minified/polyfiller.js"></script> 
      
      <script> 
      	// load and implement all unsupported features 
      	webshims.polyfill();
      		
      	// or only load a specific feature
      	//webshims.polyfill('forms es5');
      </script>
      

      3 - 等到所有东西都装好后再使用它:

      <script> 
      	$(function(){
      		// work with the HTML5 API
      		$('input:invalid').each(function(){
      		    $(this).after( $.prop(this, 'validationMessage') );
      		});
      		// ...
      	});
      </script>
      

      http://afarkas.github.io/webshim/demos/index.html

      目录
      目录