【分享】快速获取matchUrls可用的匹配依据的值

需求简述

在 wap2app 开发中，matchUrls 可以使用多种匹配依据来匹配目标 page。
部分开发者对Location对象不够熟悉，不知道应该去匹配哪个部分，才能正确匹配到目标 page。

解决方案

准备工作

• 在电脑上打开浏览器，最好是chrome
• 访问要适配的 wap 站，F12打开控制台，并且切换到手机模式
• 跳转到目标地址，也就是要匹配的地址

方案一

在控制台执行下面的代码，会将所有可用的匹配依据的值，都 log 出来。

(function() {  
  var _location = window.location;  
  var props = ['hash', 'host', 'hostname', 'href', 'pathname', 'port', 'protocol', 'search'];  
  for(var i = 0, len = props.length; i < len; i++) {  
    console.log(props[i] + ':' + _location[props[i]]);  
  }  
}());

方案二

也可以直接使用 console 本身的方法，以表格的形式将 window.location 的值展示出来。

console.table(window.location);

这个方法，会把所有的属性都列出来，找到可用的匹配依据的值就行了。