index.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <link rel="canonical" href="https://jamesfengcao.gitlab.io/uweb/zh/sitejs/" />
  7. <link rel="stylesheet" href="../style.css#" type="text/css" />
  8. <title>特定网址脚本、样式、额外html及预处理</title>
  9. <script>
  10. function findLang(){
  11. let href = location.href;
  12. for(let i=href.length-1;i>0;i--){
  13. if('/'==href.charAt(i) && '/'==href.charAt(i-3))
  14. return i;
  15. }
  16. return 0;
  17. }
  18. function nav2(page){
  19. let i = findLang();
  20. location.href = location.href.substring(0,i+1)+page;
  21. }
  22. function nav2Lang(lang){
  23. let i = findLang();
  24. let href = location.href;
  25. location.href = location.href.substring(0,i-2)+lang+location.href.substring(i);
  26. }
  27. </script>
  28. </head>
  29. <body>
  30. <header class='header'>
  31. <a class="logo" href="javascript:void(0)" onclick="return nav2('index.html#')">首页</a> <a class="logo" href="javascript:void(0)" onclick="return nav2('tags/index.html#')">标签</a>
  32. <a class="logo" href="javascript:void(0)" onclick="return nav2Lang('en')">English</a>
  33. <nav>
  34. </nav>
  35. </header>
  36. <br />
  37. <div class="container">
  38. <h1 class="title">特定网址脚本、样式、额外html及预处理
  39. <br>
  40. <span class="subtitle"></span>
  41. </h1>
  42. <ul class="tags">
  43. <li><a href="../tags/javascript/index.html#">javascript</a> </li>
  44. <li><a href="../tags/css/index.html#">css</a> </li>
  45. </ul>
  46. <p>技巧等级:中级</p>
  47. <h3 id="脚本-第一时间装载js脚本见下面sitecss条目">脚本 (第一时间装载js脚本见下面sitecss条目)</h3>
  48. <ul>
  49. <li>脚本需命名为 &quot;[根域名].js&quot;,譬如baidu.com.js 或tieba.baidu.com.js 。此脚本将自动作用于所有相同根域名的网址上。如有多个脚本满足条件,以最长文件名为准。</li>
  50. <li>这些脚本需放到/data/data/info.torapp.uweb/files/sitejs目录下,数量没有限制,上百万都不成问题。</li>
  51. <li>长按窗口按钮,勾选“执行网址用户脚本”。</li>
  52. <li>脚本执行对浏览器无性能影响,即使有百万脚本存在。</li>
  53. <li>目前支持两段、三段及少数四段域名(最后两段不超过6字如com.cn的域名可取四段)。所以脚本请不要以很长的域名来命名。</li>
  54. </ul>
  55. <h3 id="样式及第一时间装载js脚本">样式及第一时间装载js脚本</h3>
  56. <ul>
  57. <li>与此类似,用户样式需命名为 &quot;[根域名].css&quot;,譬如baidu.com.css 或tieba.baidu.com.css。</li>
  58. <li>样式文件需放到sitecss目录下。</li>
  59. <li>sitecss目录下&quot;[根域名].js&quot;文件会在第一时间装载。</li>
  60. <li>长按窗口按钮,勾选“使用网址用户样式”。</li>
  61. <li>如果文件“default.css”存在,访问网址时如果没有与域名匹配的css文件,则使用此默认样式文件。</li>
  62. <li>default.css可作为夜间模式来使用,此时default.css为夜间模式css,而黑色主题类网址对应的域名为空文件。此种设定情况下仅白色主题网页会使用夜间模式css。</li>
  63. </ul>
  64. <h3 id="额外html及预处理">额外html及预处理</h3>
  65. <ul>
  66. <li>需命名为 &quot;[域名].html&quot;,譬如baidu.com.html。注意此处与sitejs, sitecss不同,不再是&quot;[根域名]&quot;。</li>
  67. <li>文件需放到siteextra目录下。</li>
  68. <li>长按窗口按钮,勾选“网址附加内容”。</li>
  69. </ul>
  70. <p>额外html可以以&quot;&lt;textarea&gt;&quot;或&quot;&lt;div&gt;&lt;textarea&gt;&quot;等结尾,此时超微算法自动判定用户欲对网址html源代码进行处理,并将网址html源码附加在用户html后面,从而成为textarea元素的内容,供用户进行预处理。</p>
  71. <p>文件&quot;sitejs/.js&quot;,&quot;sitecss/.css&quot;,&quot;sitecss/.js&quot;和&quot;siteextra/.html&quot;可作用于一切非http url(本地文件,浏览器界面等)。</p>
  72. </div>
  73. <p>Last Modified: 2 April 2024<br>
  74. minor changes for zh<br>
  75. <pre></pre>
  76. </p>
  77. <script id='jsgiscus'
  78. src='https://giscus.app/client.js'
  79. data-repo="torappinfo/uweb"
  80. data-repo-id="MDEwOlJlcG9zaXRvcnkzMDIyMDU3MjE="
  81. data-category="Announcements"
  82. data-category-id="DIC_kwDOEgNLGc4CQjsh"
  83. data-mapping="title"
  84. data-strict="0"
  85. data-reactions-enabled="1"
  86. data-emit-metadata="0"
  87. data-input-position="top"
  88. data-theme="light"
  89. data-lang="en"
  90. data-loading="lazy"
  91. crossorigin="anonymous" async>
  92. </script>
  93. <footer class="site-footer">
  94. <div class="container">
  95. &copy; 2018-2024 Richard H. Cao
  96. </div>
  97. </footer>
  98. <!-- This document is licensed under the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is available at <https://www.gnu.org/licenses/>. -->
  99. </body>
  100. </html>