在移动端轻松查看网页源代码:View Source 2.0
csdh11 2024-12-24 11:32 22 浏览
如果你是一名站长或 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 元。
相关推荐
- 用Python轻松修改Word文件的作者和时间，打造自己的专属效率工具
-
你是否曾经遇到过需要批量修改Word文件的作者、创建时间或修改时间的情况？手动操作不仅费时费力，还容易出错。可以用Python编写一个小工具，轻松解决这个问题！无论你是编程新手还是有一定经验的...
- 插件开发js代码划分（js插件编写）
-
在开发Chrome插件时，将JavaScript代码拆分成多个模块而非集中放置，主要基于性能优化、可维护性提升和浏览器插件特性适配等多方面的考量。以下是具体原因及区别分析：一、拆分的核心原因...
- 5分钟掌握Python中的标准输入、标准输出、标准错误
-
读取用户输入从标准输入获取输入：user_input=input("Impartyourwisdom:")print(f"Youshared:{user_input}")...
- 高大上的解答:在 'packages.pyi' 中找不到引用 'urllib3'
-
DeepSeek的一句代码：...
- Flask 入门教程（flask快速入门）
-
目录什么是Flask？环境配置与安装第一个Flask应用：HelloWorld路由与视图函数模板与Jinja2表单处理与用户输入...
- 每日一库之 Go 语言开发者的神器—Gotx
-
点击上方蓝色“Go语言中文网”关注我们，领全套Go资料，每天学习Go语言简介Gotx是一个Go语言（Golang）的解释器和运行环境，只有单个可执行文件，绿色、跨平台，无需安装任何Go语言环境就可...
- MySQL性能调优工具包制作（mysql性能调整）
-
一、最终工具包内容mysql_tuning_toolkit/├──scripts/#核心脚本│├──sysbench-pro.sh#...
- 掌握TensorFlow核心用法:从安装到实战的完整指南
-
一、为什么TensorFlow值得学习？作为全球使用最广泛的开源机器学习框架，TensorFlow已累计获得超过17万GitHub星标，支撑着Google搜索、Waymo自动驾驶、NASA卫星图像分析...
- 如何把PY 打包成EXE安装文件（pypy 打包exe）
-
将Python脚本打包成EXE文件通常使用第三方工具实现，以下是详细步骤和注意事项：...
- Pygame Zero 详细使用教程（python zerorpc）
-
PygameZero是一个基于Pygame的简化游戏开发框架，特别适合初学者和快速原型开发。它隐藏了许多底层的复杂性，使得开发者可以更专注于游戏逻辑的实现。本文将通过分析提供的代码，详细介绍如...
- Stable diffusion AI画图辅助脚本 Script 的使用(二)
-
本篇为脚本使用介绍的第二部分，主要介绍Promptmatrix提示词矩阵以及UltimateSDUpscale终极SD放大这两个脚本，同时也简单介绍一下如何编写自己的脚本。1、Promp...
- 一文明白Python 的import如何工作
-
Pythonimport系统的基础知识Python的import系统是该语言设计的关键部分，允许模块化编程和代码的轻松重用。了解这个系统对任何Python程序员都很重要，因为它决定了代码的结构...
- Highlight.js - 前端的代码语法高亮库
-
千辛万苦写了篇技术分享，贴了一堆代码，兴高采烈地发到了自己的博客网站上。结果却发现代码全是白底黑字，字体还难看得很，你瞬间就没了兴致。能不能让网页也能像IDE那样，做带语法高亮的炫酷显示呢？来看一...
- xbox xsx/s ps2模拟器 战神12,北欧女神2 配置教程
-
xsxxss下载PS2独立模拟器，Retroarch全能模拟器地址。...
- RetroArch 着色器、金手指怎么用? 重返复古游戏萤幕滤镜效果
-
自从上次分享RetroArch模拟器的一些技巧后，许多模拟器新用户对老旧游戏机感到好奇，为什么游戏画面看起来会有很多马赛克。这主要是因为当年的游戏开发商是针对当时的屏幕进行设计的，所以在现在的高分辨率...
- 一周热门
- 最近发表
-
- 用Python轻松修改Word文件的作者和时间，打造自己的专属效率工具
- 插件开发js代码划分（js插件编写）
- 5分钟掌握Python中的标准输入、标准输出、标准错误
- 高大上的解答:在 'packages.pyi' 中找不到引用 'urllib3'
- Flask 入门教程（flask快速入门）
- 每日一库之 Go 语言开发者的神器—Gotx
- MySQL性能调优工具包制作（mysql性能调整）
- 掌握TensorFlow核心用法:从安装到实战的完整指南
- 如何把PY 打包成EXE安装文件（pypy 打包exe）
- Pygame Zero 详细使用教程（python zerorpc）
- 标签列表
-
- mydisktest_v298 (34)
- document.appendchild (35)
- 头像打包下载 (61)
- acmecadconverter_8.52绿色版 (39)
- word文档批量处理大师破解版 (36)
- server2016安装密钥 (33)
- mysql 昨天的日期 (37)
- parsevideo (33)
- 个人网站源码 (37)
- centos7.4下载 (33)
- mysql 查询今天的数据 (34)
- intouch2014r2sp1永久授权 (36)
- 先锋影音源资2019 (35)
- jdk1.8.0_191下载 (33)
- axure9注册码 (33)
- pts/1 (33)
- spire.pdf 破解版 (35)
- shiro jwt (35)
- sklearn中文手册pdf (35)
- itextsharp使用手册 (33)
- 凯立德2012夏季版懒人包 (34)
- 反恐24小时电话铃声 (33)
- 冒险岛代码查询器 (34)
- 128*128png图片 (34)
- jdk1.8.0_131下载 (34)