软件技巧

iPad怎么用Safari查看源代码？

publish-date 2024-04-02
update-date 2024-11-08
# iPhone

准备工作

  1. 打开Safari
  2. 随便打开一个网站，这里以本站为例（什么网站对后续操作毫无影响）
  3. 点右上角的分享按钮
  4. 添加书签
  5. 位置可自行更改，这里以书签为例
  6. 存储
  7. 点左上角展开左侧栏
  8. 书签
  9. 长按kazelife（根据你加书签的实际情况来）
  10. 编辑
  11. 上面一行的kazelife改成你喜欢的名称，这里以“查看源代码”为例
  12. 下面一行的https://kazelife.com/改成以下代码后，按一下返回相当于保存了
javascript: (() => {
  var e = 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0',
    t = window.open('about:blank').document;
  t.write(`
    <!DOCTYPE html>
    <html>
      <head>
        <title>Source of ${location.href}</title>
        <link rel=stylesheet href=${e}/themes/prism.min.css>
      </head>
      <body bgcolor=#f5f2f0>
        <script src=${e}/components/prism-core.min.js></script>
        <script src=${e}/plugins/autoloader/prism-autoloader.min.js></script>
        <script src=${e}/plugins/autolinker/prism-autolinker.min.js></script>
      </body>
    </html>`),
    t.close();
  var r = t.body.appendChild(t.createElement('pre')).appendChild(t.createElement('code'));
  r.className = 'language-html',
    r.appendChild(t.createTextNode(document.documentElement.outerHTML))
})();

开始使用

  1. 用Safari打开你想查看源代码的网站
  2. 点左上角展开左侧栏
  3. 书签
  4. 查看源代码

效果图

view page source code on iPad using Safari