zh/sitejs/index.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name="viewport" content="width=device-width, initial-scale=1" />
   6
   7     <link rel="stylesheet" href="../style.css#" type="text/css" />
   8     <title>特定网址脚本、样式、额外html及预处理</title>
   9     <script type="text/javascript">
  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')">Home</a> <a class="logo" href="javascript:void(0)" onclick="return nav2('tags/index.html')">Tags</a>
  32
  33
  34           <a class="logo" href="javascript:void(0)" onclick="return nav2Lang('en')">English</a>
  35
  36
  37       <nav>
  38       </nav>
  39     </header>
  40     <br />
  41
  42 <div class="container">
  43   <h1 class="title">特定网址脚本、样式、额外html及预处理
  44     <br>
  45     <span class="subtitle"></span>
  46   </h1>
  47   <ul class="tags">
  48
  49     <li><a href="../tags/javascript/index.html#">javascript</a> </li>
  50
  51     <li><a href="../tags/css/index.html#">css</a> </li>
  52
  53   </ul>
  54   <p>技巧等级：中级</p>
  55 <h3 id="脚本-第一时间装载js脚本见下面sitecss条目">脚本 (第一时间装载js脚本见下面sitecss条目)</h3>
  56 <ul>
  57 <li>脚本需命名为 &quot;[根域名].js&quot;，譬如baidu.com.js 或tieba.baidu.com.js 。此脚本将自动作用于所有相同根域名的网址上。如有多个脚本满足条件，以最长文件名为准。</li>
  58 <li>这些脚本需放到/data/data/info.torapp.uweb/files/sitejs目录下，数量没有限制，上百万都不成问题。</li>
  59 <li>长按窗口按钮，勾选“执行网址用户脚本”。</li>
  60 <li>脚本执行对浏览器无性能影响，即使有百万脚本存在。</li>
  61 <li>目前支持两段、三段及少数四段域名（最后两段不超过6字如com.cn的域名可取四段）。所以脚本请不要以很长的域名来命名。</li>
  62 </ul>
  63 <h3 id="样式及第一时间装载js脚本">样式及第一时间装载js脚本</h3>
  64 <ul>
  65 <li>与此类似，用户样式需命名为 &quot;[根域名].css&quot;，譬如baidu.com.css 或tieba.baidu.com.css。</li>
  66 <li>样式文件需放到sitecss目录下。</li>
  67 <li>sitecss目录下&quot;[根域名].js&quot;文件会在第一时间装载。</li>
  68 <li>长按窗口按钮，勾选“使用网址用户样式”。</li>
  69 <li>如果文件“default.css”存在，访问网址时如果没有与域名匹配的css文件，则使用此默认样式文件。</li>
  70 <li>default.css可作为夜间模式来使用，此时default.css为夜间模式css，而黑色主题类网址对应的域名为空文件。此种设定情况下仅白色主题网页会使用夜间模式css。</li>
  71 </ul>
  72 <h3 id="额外html及预处理">额外html及预处理</h3>
  73 <ul>
  74 <li>需命名为 &quot;[域名].html&quot;，譬如baidu.com.html。注意此处与sitejs, sitecss不同，不再是&quot;[根域名]&quot;。</li>
  75 <li>文件需放到siteextra目录下。</li>
  76 <li>长按窗口按钮，勾选“网址附加内容”。</li>
  77 </ul>
  78 <p>额外html可以以&quot;&lt;textarea&gt;&quot;或&quot;&lt;div&gt;&lt;textarea&gt;&quot;等结尾，此时超微算法自动判定用户欲对网址html源代码进行处理，并将网址html源码附加在用户html后面，从而成为textarea元素的内容，供用户进行预处理。</p>
  79 <p>文件&quot;sitejs/.js&quot;,&quot;sitecss/.css&quot;,&quot;sitecss/.js&quot;和&quot;siteextra/.html&quot;可作用于一切非http url（本地文件，浏览器界面等）。</p>
  80
  81 </div>
  82 <p>Last Modified: 28 January 2023<br>
  83 minor changes for zh<br>
  84 <pre></pre>
  85 </p>
  86
  87 <script id='jsgiscus'
  88   src='https://giscus.app/client.js'
  89   data-repo="torappinfo/uweb"
  90   data-repo-id="MDEwOlJlcG9zaXRvcnkzMDIyMDU3MjE="
  91   data-category="Announcements"
  92   data-category-id="DIC_kwDOEgNLGc4CQjsh"
  93   data-mapping="title"
  94   data-strict="0"
  95   data-reactions-enabled="1"
  96   data-emit-metadata="0"
  97   data-input-position="top"
  98   data-theme="light"
  99   data-lang="en"
 100   data-loading="lazy"
 101   crossorigin="anonymous" async>
 102 </script>
 103
 104   </body>
 105 </html>