From a01c37d5528617cb358e2caba27dd870cb62032b Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Wed, 25 Apr 2018 23:40:29 +0800 Subject: [PATCH] =?UTF-8?q?add=EF=BC=9Awhistle=E6=8A=93=E5=8C=85=E6=89=8B?= =?UTF-8?q?=E6=9C=BA=E7=AB=AF=E3=80=81UserAgent?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 00-前端工具/whistle网络抓包.md | 19 ++++++ ...20180116-博客园：一年经验初探阿里巴巴前端社招.md | 0 20-前端综合/UserAgent.md | 62 +++++++++++++++++++ {20-网友 => 20-前端综合}/html相关.md | 0 {20-网友 => 20-前端综合}/面经链接推荐.md | 0 21-Vue基础/04-Vue组件.md | 2 + 6 files changed, 83 insertions(+) create mode 100644 00-前端工具/whistle网络抓包.md rename {20-网友 => 20-前端综合}/20180116-博客园：一年经验初探阿里巴巴前端社招.md (100%) create mode 100644 20-前端综合/UserAgent.md rename {20-网友 => 20-前端综合}/html相关.md (100%) rename {20-网友 => 20-前端综合}/面经链接推荐.md (100%) diff --git a/00-前端工具/whistle网络抓包.md b/00-前端工具/whistle网络抓包.md new file mode 100644 index 0000000..bda0282 --- /dev/null +++ b/00-前端工具/whistle网络抓包.md @@ -0,0 +1,19 @@ + + +## 手机设置代理 + +连接好指定的wifi后，点击那个wifi里的设置，将「代理」那一项，设置为手动，然后输入ip（电脑上的ip）、端口号（8899）。然后就可以通过电脑上的whistle工具，查看手机的网页请求。 + +注意，要保证手机和电脑在同一个网络下。 + +参考链接： + +- [Android 手机如何设置http代理？](https://www.zhihu.com/question/21474174) + +- [使用 Whistle 对 iOS HTTPS 进行抓包](http://zhuscat.com/2017/09/20/https-proxy-on-ios/) + + + + + + diff --git a/20-网友/20180116-博客园：一年经验初探阿里巴巴前端社招.md b/20-前端综合/20180116-博客园：一年经验初探阿里巴巴前端社招.md similarity index 100% rename from 20-网友/20180116-博客园：一年经验初探阿里巴巴前端社招.md rename to 20-前端综合/20180116-博客园：一年经验初探阿里巴巴前端社招.md diff --git a/20-前端综合/UserAgent.md b/20-前端综合/UserAgent.md new file mode 100644 index 0000000..66add99 --- /dev/null +++ b/20-前端综合/UserAgent.md @@ -0,0 +1,62 @@ + + +## 前言 + + +我们知道，在控制台里可以添加很多设备。我们需要点击 edit，手动添加： + +img + +添加时，是根据 User agent 来识别的： + +img + +不同浏览器（包括微信内置的浏览器）的 useragent 信息，是不一样的，我们可以根据 `navigator.userAgent`属性来获取。 + +比如说，我们在控制台输入`navigator.userAgent`，如下： + + +20180425_1656.png + +上图显示，MacOS上的Chrome浏览器的 UserAgent 是： + +``` +"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.117 Safari/537.36" +``` + + + +## 不同浏览器的 UserAgent + +iPhone版微信： + +``` +Mozilla/5.0 (iPhone; CPU iPhone OS 9_3 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13E233 MicroMessenger/6.3.15 NetType/WIFI Language/zh_CN +``` + +Android版微信： + +``` +Mozilla/5.0 (Linux; Android 5.0.1; GT-I9502 Build/LRX22C; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/43.0.2357.121 Mobile Safari/537.36 MicroMessenger/6.1.0.78_r1129455.543 NetType/WIFI +``` + + + + + + + +Android版微信： + +``` +Mozilla/5.0 (Linux; Android 5.0.1; GT-I9502 Build/LRX22C; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/43.0.2357.121 Mobile Safari/537.36 MicroMessenger/6.1.0.78_r1129455.543 NetType/WIFI +``` + +## 参考链接 + +- [判断微信内置浏览器的UserAgent](http://www.cnblogs.com/7z7chn/p/5370352.html) + +- [微信内置浏览器UserAgent的判断](https://gist.github.com/wjp2013/fff34c063cf0cf227d65) + + + diff --git a/20-网友/html相关.md b/20-前端综合/html相关.md similarity index 100% rename from 20-网友/html相关.md rename to 20-前端综合/html相关.md diff --git a/20-网友/面经链接推荐.md b/20-前端综合/面经链接推荐.md similarity index 100% rename from 20-网友/面经链接推荐.md rename to 20-前端综合/面经链接推荐.md diff --git a/21-Vue基础/04-Vue组件.md b/21-Vue基础/04-Vue组件.md index 2f74bdb..449f272 100644 --- a/21-Vue基础/04-Vue组件.md +++ b/21-Vue基础/04-Vue组件.md @@ -47,6 +47,8 @@ 上方代码中，绿框部分的内容，就是我想定义的整个组件。 +在注册组件时，第一个参数是标签名，第二个参数是组件的定义。 + 运行结果如下： ![](http://img.smyhvae.com/20180422_2230.png)