123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1" />
-
- <link rel="stylesheet" href="../style.css#" type="text/css" />
- <title>特定网址脚本、样式、额外html及预处理</title>
- <script>
- function findLang(){
- let href = location.href;
- for(let i=href.length-1;i>0;i--){
- if('/'==href.charAt(i) && '/'==href.charAt(i-3))
- return i;
- }
- return 0;
- }
- function nav2(page){
- let i = findLang();
- location.href = location.href.substring(0,i+1)+page;
- }
- function nav2Lang(lang){
- let i = findLang();
- let href = location.href;
- location.href = location.href.substring(0,i-2)+lang+location.href.substring(i);
- }
- </script>
- </head>
- <body>
- <header class='header'>
- <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>
-
-
- <a class="logo" href="javascript:void(0)" onclick="return nav2Lang('en')">English</a>
-
-
- <nav>
- </nav>
- </header>
- <br />
-
- <div class="container">
- <h1 class="title">特定网址脚本、样式、额外html及预处理
- <br>
- <span class="subtitle"></span>
- </h1>
- <ul class="tags">
-
- <li><a href="../tags/javascript/index.html#">javascript</a> </li>
-
- <li><a href="../tags/css/index.html#">css</a> </li>
-
- </ul>
- <p>技巧等级:中级</p>
- <h3 id="脚本-第一时间装载js脚本见下面sitecss条目">脚本 (第一时间装载js脚本见下面sitecss条目)</h3>
- <ul>
- <li>脚本需命名为 "[根域名].js",譬如baidu.com.js 或tieba.baidu.com.js 。此脚本将自动作用于所有相同根域名的网址上。如有多个脚本满足条件,以最长文件名为准。</li>
- <li>这些脚本需放到/data/data/info.torapp.uweb/files/sitejs目录下,数量没有限制,上百万都不成问题。</li>
- <li>长按窗口按钮,勾选“执行网址用户脚本”。</li>
- <li>脚本执行对浏览器无性能影响,即使有百万脚本存在。</li>
- <li>目前支持两段、三段及少数四段域名(最后两段不超过6字如com.cn的域名可取四段)。所以脚本请不要以很长的域名来命名。</li>
- </ul>
- <h3 id="样式及第一时间装载js脚本">样式及第一时间装载js脚本</h3>
- <ul>
- <li>与此类似,用户样式需命名为 "[根域名].css",譬如baidu.com.css 或tieba.baidu.com.css。</li>
- <li>样式文件需放到sitecss目录下。</li>
- <li>sitecss目录下"[根域名].js"文件会在第一时间装载。</li>
- <li>长按窗口按钮,勾选“使用网址用户样式”。</li>
- <li>如果文件“default.css”存在,访问网址时如果没有与域名匹配的css文件,则使用此默认样式文件。</li>
- <li>default.css可作为夜间模式来使用,此时default.css为夜间模式css,而黑色主题类网址对应的域名为空文件。此种设定情况下仅白色主题网页会使用夜间模式css。</li>
- </ul>
- <h3 id="额外html及预处理">额外html及预处理</h3>
- <ul>
- <li>需命名为 "[域名].html",譬如baidu.com.html。注意此处与sitejs, sitecss不同,不再是"[根域名]"。</li>
- <li>文件需放到siteextra目录下。</li>
- <li>长按窗口按钮,勾选“网址附加内容”。</li>
- </ul>
- <p>额外html可以以"<textarea>"或"<div><textarea>"等结尾,此时超微算法自动判定用户欲对网址html源代码进行处理,并将网址html源码附加在用户html后面,从而成为textarea元素的内容,供用户进行预处理。</p>
- <p>文件"sitejs/.js","sitecss/.css","sitecss/.js"和"siteextra/.html"可作用于一切非http url(本地文件,浏览器界面等)。</p>
- </div>
- <p>Last Modified: 2 April 2024<br>
- minor changes for zh<br>
- <pre></pre>
- </p>
- <script id='jsgiscus'
- src='https://giscus.app/client.js'
- data-repo="torappinfo/uweb"
- data-repo-id="MDEwOlJlcG9zaXRvcnkzMDIyMDU3MjE="
- data-category="Announcements"
- data-category-id="DIC_kwDOEgNLGc4CQjsh"
- data-mapping="title"
- data-strict="0"
- data-reactions-enabled="1"
- data-emit-metadata="0"
- data-input-position="top"
- data-theme="light"
- data-lang="en"
- data-loading="lazy"
- crossorigin="anonymous" async>
- </script>
- <footer class="site-footer">
- <div class="container">
- © 2018-2024 Richard H. Cao
- </div>
- </footer>
-
- </body>
- </html>
|