欢迎大家访问博主的博客新家:IT博客达人网 (http://www.blogdaren.com)[耶]
  • 微信微信

【原创】如何在iphone手机的Safari"浏览器上"查看源代码?

manon 2016-10-31 16:46 电脑维护 抢沙发 1429人打酱油 打开侧边栏| 关闭侧边栏

问题背景:

想在iphone手机的safari"浏览器上"查看源代码 

解决方法:

利用浏览器自带的书签实现

注意事项:

根据博主的步骤一步步顺序实践

1.  打开safari浏览器,  访问:www.blogdaren.com 如下图:

11.jpg

2. 点击页面下方【事实上任意页面都可以哈】的"书签" 将当前页面”添加到书签”

44.jpg

00.jpg

3. 编辑上述的书签并命名为"查看网页源代码", 如下图:

  注:紧挨着的下面一行填写一段js指令代码,这段指令代码在文末给出

11.jpg

4. 最终点击书签会出现如下效果图,注意到没有:查看网页源代码:

66.jpg

5. 使用方法:

随意打开一个网页,待页面加载OK后, 点击书签里的"查看网页源代码即可", 效果图如下:

33.jpg

6. 补充下文中需要的JS指令代码:


javascript:(function(){var w=window.open("about:blank"),d=w.document;d.write("<!DOCTYPE html><html><head><title>Loading Source</title></head><body></body></html>"),d.close();var f=d.createElement("form");f.setAttribute("method","post"),f.setAttribute("action","https://ole.michelsen.dk/viewsource/?uri="+encodeURIComponent(location.href));var i=d.createElement("input");i.setAttribute("type","hidden"),i.setAttribute("name","DOM"),i.setAttribute("value",encodeURIComponent(document.documentElement.innerHTML)),d.body.appendChild(f).appendChild(i),f.submit();})()


7. 文中所需的JS指令代码也可以直接从如下网址获取到:

https://ole.michelsen.dk/viewsource/bookmarklet.min.js

正文部分到此结束

版权声明:除非注明,本文由( manon )原创,转载请保留文章出处

本文链接:【原创】如何在iphone手机的Safari"浏览器上"查看源代码?

继续浏览:木有标签

Fidder响应post的请求request body里面要填写的东西
CENTOS之WEB常见的iptables防火墙规则

发表评论

看看右边的头像对不对?→_→