当前位置:首页 > 技术文章 > 正文内容

在移动端轻松查看网页源代码:View Source 2.0

arlanguage2个月前 (03-17)技术文章16

如果你是一名站长或 Web 开发者,在浏览器中查看网页源代码(HTML、CSS 与 JavaScript)是每天必不可少的操作,这个在桌面端轻而易举的操作到了移动端却变成了一件麻烦事。如今有了 View Source 对 iOS 8 Extensions 的巧妙利用,在移动端对网页源代码进行浏览与操作将变得很轻松。

安装 View Source 后,通过 Safari 分享按钮打开 View Source 开关,这样就可以显示当前网页源代码,如果你不想这么做,也可以把 View Source 作为一个独立应用去打开想要查看的网站源码,当然,在这种情况下,View Source 不会显示网页内容,而是直接显示页面源代码。

这里可以看见关于少数派网页的源代码,例如通常的 SEO 人员会去为网页定义 Title 以及 Meta 标签的 Keywords,以保持搜索引擎对于网站更好的抓取。

View Source 中通过 DOM 节点树可以很直观的看到当前网页的结构,用来查找和访问节点变得很容易。另外很酷的一点是 View Source 还可以通过 inject JS 来编写自定义 JS 代码,退出插件时会在 Web 页面显示输出的 JS 效果。例如在少数派页面下 Script 中输入:

alert(document.title);

退出插件就可以在 Safari 中显示关于少数派网站 Title 标签的 alert 弹窗,效果如图。

当然,如果你想在弹窗中显示一句话的话,可以在 Script 中输入:

alert(I love Sspai);

当然,这些只是普通的 JavaScript alert 代码,如果你有更有趣的玩法或者更实用的功能,也可以在评论中告诉我。

通过右上角更多的选项可以调用更多的功能,例如将代码复制至剪切板在其他应用上继续编辑,也可以发送邮件、选择高亮与更多主题,这里不妨多说一下,View Source 提供了很多高亮的主题以供选择,笔者个人比较倾向于 Blue Screen 这个主题。

View Source 目前可以从 App Store 下载,售价 6 元。

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/3344.html

分享给朋友:

“在移动端轻松查看网页源代码:View Source 2.0” 的相关文章

Nginx路由匹配规则location的小总结

使用过nginx的同学都知道,在nginx配置文件中通过location配置路由转发规则,配置语法为:location [=|~|~*|^~] /uri/ { ... }中括号中为路由匹配符号,常见的有:1 =:精确匹配 2 ^~:精确前缀匹配 3 ~:区分...

Linux服务器Centos7系统Nginx安装与配置

一 安装编译工具及库文件yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel二首先要安装 PCREPCRE 作用是让 Nginx 支持 Rewrite 功能。2.1 下载 PCRE 安装包cd /usr/...

windows下的nginx安装和使用

.1 去官网下载相应的安装包:http://nginx.org/en/download.html1.2 解压后进入PowerShell(按住“shift”+“鼠标右键”)窗口,进入到nginx目录,输入start nginx.exe 进行nginx的安装安装成功后,在“任务管理器”中会显示“ngin...

Nginx的location里面的root、alias的使用技巧与区别

1. 介绍1.1 介绍福哥在将TFLinux的PHP+Apache的组合转换成PHP+FPM+Nginx的过程里遇到了一个问题,就是Apache的虚拟主机转为Nginx里面的虚拟主机的时候参数怎么解决呢?今天福哥就将Nginx配置文件里面的location、root、alias的使用技巧给大家做一个...

Nginx安装、启动、停止、重载、查看

Nginx介绍Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在开源BSD-like 协议下发行。特点是占有内存少,并发能力强。1、安装 Nginx程序yum install nginx -y 或 dnf install nginx -y2、n...

如何找出爬取网站的来源IP? 爬取网站源代码

1.背景最近网站数据库性能很不稳定,查询性能在某段时间很慢,服务器CPU也很高,平常时间很低,感觉被爬虫恶意搞了,因此我分析了一下最近的nginx访问日志2.方法找出访问量最大20个ip[root@100 nginx]# cat liuhaihua.access.log | awk -F "...