收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1960|回复: 0

使用 Snoopy 在移动浏览器上查看页面源代码

[复制链接]
发表于 2014-4-1 17:52:41 | 显示全部楼层 |阅读模式
本帖最后由 baihe107 于 2014-4-1 17:56 编辑

Snoopy 的主要原理就是提交你要查看的页面到某个服务器,然后返回给你页面源代码。

特点:
1. 简单易用,无需使用 USB 连接电脑的调试程序;
2. 功能简单,主要用途即为查看页面源代码;
3. 可以嗅探出页面使用了何种 JS 库,例如 JQ 什么的;
4. 可以嗅探出页面使用了何种流量分析工具,例如Google Analytics,能分析出百度统计么
5. 可以嗅探出页面使用了何种嵌入字体
...

Mobile Safari 上使用方法
step1: 打开移动设备上的浏览器。
step2: 将以下代码保存为书签,命名为 Snoopy。
  1. javascript:(function()%7Bvar%20d%3Ddocument%2Cs%2Ce%3Bvar%20el%3Dd.getElementById('snpy')%3Bif(typeof%20Snoopy!%3D'undefined')%7BSnoopy.toggle()%3Breturn%7Delse%20if(el)%7Bel.className%3D%2Fclosed%2F.test(el.className)%3Fel.className.replace('closed'%2C'')%3Ael.className%2B'%20closed'%3Breturn%7Ds%3Dd.createElement('link')%3Bs.setAttribute('href'%2C'http%3A%2F%2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.css')%3Bs.setAttribute('rel'%2C'stylesheet')%3Bs.setAttribute('type'%2C'text%2Fcss')%3Bd.getElementsByTagName('head')%5B0%5D.appendChild(s)%3Be%3Dd.createElement('script')%3Be.setAttribute('src'%2C'http%3A%2F%2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.js')%3Bd.getElementsByTagName('body')%5B0%5D.appendChild(e)%7D)()%3B
复制代码
step3: 访问你需要显示源代码的页面。
step4: 等待页面加载完成后,点击刚才命名的 Snoopy 书签。
step5: 此时,页面的左上角会出现黑色的弹层,点击第二个 Tab 项 [view source],呈现在眼前的就是页面的源代码。

Chrome on iOS 使用方法
step1: 登录你的 Google 账号,在桌面版的 Chrome  上访问 Snoopy 官网,点击地址栏右边的小星星图标,将地址存为书签。
step2: 登录你的 Google 账号,访问 Chrome on iOS,然后同步书签。
step3: 还然后?!看上面的 step3 呗

其他类型的移动浏览器大体的使用步骤都差不多,此处不再赘述,更多详情可以去 Snoopy 官网查看。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-29 16:57 , Processed in 0.109100 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表