老铁们,大家好,相信还有很多朋友对于如何用网站源码分享浏览网站和有网站源码怎么搭建网站的相关问题不太懂,没关系,今天就由我来为大家分享分享如何用网站源码分享浏览网站以及有网站源码怎么搭建网站的问题,文章篇幅可能偏长,希望可以帮助到大家,下面一起来看看吧!
如果你是一名站长或Web开发者,在浏览器中查看网页源代码(HTML、CSS与JavaScript)是每天必不可少的操作,这个在桌面端轻而易举的操作到了移动端却变成了一件麻烦事。如今有了ViewSource对iOS8Extensions的巧妙利用,在移动端对网页源代码进行浏览与操作将变得很轻松。
安装ViewSource后,通过Safari分享按钮打开ViewSource开关,这样就可以显示当前网页源代码,如果你不想这么做,也可以把ViewSource作为一个独立应用去打开想要查看的网站源码,当然,在这种情况下,ViewSource不会显示网页内容,而是直接显示页面源代码。
这里可以看见关于少数派网页的源代码,例如通常的SEO人员会去为网页定义Title以及Meta标签的Keywords,以保持搜索引擎对于网站更好的抓取。
ViewSource中通过DOM节点树可以很直观的看到当前网页的结构,用来查找和访问节点变得很容易。另外很酷的一点是ViewSource还可以通过injectJS来编写自定义JS代码,退出插件时会在Web页面显示输出的JS效果。例如在少数派页面下Script中输入:
alert(document.title);
退出插件就可以在Safari中显示关于少数派网站Title标签的alert弹窗,效果如图。
当然,如果你想在弹窗中显示一句话的话,可以在Script中输入:
alert(IloveSspai);
当然,这些只是普通的JavaScriptalert代码,如果你有更有趣的玩法或者更实用的功能,也可以在评论中告诉我。
通过右上角更多的选项可以调用更多的功能,例如将代码复制至剪切板在其他应用上继续编辑,也可以发送邮件、选择高亮与更多主题,这里不妨多说一下,ViewSource提供了很多高亮的主题以供选择,笔者个人比较倾向于BlueScreen这个主题。
ViewSource目前可以从AppStore下载,售价6元。
好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!