223 行
7.9 KiB
HTML
223 行
7.9 KiB
HTML
<title>Dilloの紹介 - 美々蝶々</title>
|
|
|
|
<h1>Dilloの紹介</h1>
|
|
|
|
<ul>
|
|
<li>2023-09-14 (陰暦07月30日) たかし</li>
|
|
<li>最終更新日: 2024-03-17 (陰暦02月08日)</li>
|
|
<li>「OpenBSD 7.4」「Dillo version 3.0.5」</li>
|
|
</ul>
|
|
|
|
<h2>序</h2>
|
|
|
|
<p>Dillo は素早く起動できて主記憶の消費量も少ないウェブブラウザーです。</p>
|
|
|
|
<ul>
|
|
<li><strong>GTK や QT に依存しない</strong></li>
|
|
<li>CSS は些しだけ對應</li>
|
|
<li>JS・音聲・動畫に非對應</li>
|
|
<li>タブ機能あり</li>
|
|
<li><strong>初期設定で Cookie が無效</strong></li>
|
|
<li><strong>HTML の構文を檢證できる</strong></li>
|
|
</ul>
|
|
|
|
<h2>1. 使用方法</h2>
|
|
|
|
<h3>1.1. 起動</h3>
|
|
|
|
<p>CLI から起動する場合、<kbd>dillo https://dillo.org</kbd> または <kbd>dillo test.html</kbd> と入力して任意の URL や HTML を開きます。</p>
|
|
|
|
<h3>1.2. 操作</h3>
|
|
|
|
<p>操作は直感的だから詳しい説明は省きます。</p>
|
|
|
|
<p>上部の「Panel」にある「Toolbox」から CSS や畫像讀み込みの ON/OFF や「Panel」の大きさを變更できますが、Dillo を終了すると設定は初期化されます。設定を永續化するには後述の <code>dillorc</code> を編輯します。</p>
|
|
|
|
<p>閲覽中の HTML の構文に誤りがあれば、それを示す赤い蟲のアイコンが畫面右下に現れます。それをクリックすると詳細が表示されます。リンクを辿るだけで HTML の構文を檢證できるのは大きな長所です。</p>
|
|
|
|
<h2>2. 設定</h2>
|
|
|
|
<h3>2.1. dillorcの準備</h3>
|
|
|
|
<p>設定ファイル <code>dillorc</code> を複製して <code>~/.dillo/</code> に配置し、編輯します。</p>
|
|
|
|
<ul>
|
|
<li><samp>
|
|
$ <kbd>mkdir -p ~/.dillo/</kbd><br>
|
|
$ <kbd>cp /etc/dillo/dillorc ~/.dillo/</kbd>
|
|
</samp></li>
|
|
</ul>
|
|
|
|
<h3>2.2. 書體の設定</h3>
|
|
|
|
<p>初期設定では日本語を表示できないため、書體 (font) の設定は必須です。5つの設定項目に、日本語の書體を1つづつ設定します。</p>
|
|
|
|
<p>例です。基本は IBM Plex Sans JP を使用して、等幅のみ VL ゴシックを設定します。</p>
|
|
|
|
<ul>
|
|
<li><code>
|
|
font_serif="IBM Plex Sans JP"<br>
|
|
font_sans_serif="IBM Plex Sans JP"<br>
|
|
font_cursive="IBM Plex Sans JP"<br>
|
|
font_fantasy="IBM Plex Sans JP"<br>
|
|
font_monospace="VL Gothic"
|
|
</code></li>
|
|
</ul>
|
|
|
|
<h3>2.3. 細かな設定</h3>
|
|
|
|
<p>おすすめの設定はこちらです。</p>
|
|
|
|
<dl>
|
|
<dt>畫像は、ON にするまで讀み込まない</dt>
|
|
<dd><code>load_images=NO</code></dd>
|
|
<dt>CSS は、ON にするまで讀み込まない</dt>
|
|
<dd><code>load_stylesheets=NO<br>
|
|
parse_embedded_css=NO</code></dd>
|
|
<dt>文字の大きさを約 16px にする (要微調整?)</dt>
|
|
<dd><code>font_factor=1.12</code></dd>
|
|
<dt>起動時や「Home」クリック時に空白を表示</dt>
|
|
<dd><code>start_page="about:blank"<br>
|
|
home="about:blank"</code></dd>
|
|
<dt>「Home」クリック時に <a href="./w3m.html">w3m</a> の <code>boomark.html</code> を表示する</dt>
|
|
<dd><code>home="file:///home/<var>ユーザー名</var>/.w3m/bookmark.html"</code></dd>
|
|
<dt>HTTP header を Tor Browser 風に</dt>
|
|
<dd><code>http_language="en-US,en;q=0.5"<br>
|
|
http_user_agent="Mozilla/5.0 (Windows NT 10.0; rv:109.0) Gecko/20100101 Firefox/115.0"</code></dd>
|
|
<dt>Referrer を送信しない</dt>
|
|
<dd><code>http_referer=none</code></dd>
|
|
<dd>(I2P の Address Helper を使用する場合、この設定は非推奬)</dd>
|
|
<dt>「Panel」の大きさを指定</dt>
|
|
<dd><code>panel_size=tiny</code></dd>
|
|
<dt>「Panel」にあるアイコンを小さく</dt>
|
|
<dd><code>small_icons=YES</code></dd>
|
|
</dl>
|
|
|
|
<h3>2.4. cookiesrc</h3>
|
|
|
|
<p>Cookie を有效にするには <code>~/.dillo/cookiesrc</code> を編輯します。</p>
|
|
|
|
<p>特定のドメインでのみ Cookie を許可する例です。</p>
|
|
|
|
<ul>
|
|
<li><code>
|
|
DEFAULT DENY<br>
|
|
.076.moe ACCEPT<br>
|
|
.bibi.moe ACCEPT
|
|
</code></li>
|
|
</ul>
|
|
|
|
<p>すべてのドメインで Cookie を許可するなら <code>DEFAULT ACCEPT</code> を指定します。</p>
|
|
|
|
<h3>2.5. domainrc</h3>
|
|
|
|
<p><code>~/.dillo/domainrc</code> を作成すると、別のドメインから畫像や CSS を受け取らない樣に制御できます。書き方は <code>/etc/dillo/domainrc</code> を參考にします。</p>
|
|
|
|
<p>例です。</p>
|
|
|
|
<ul>
|
|
<li><code>
|
|
default deny<br>
|
|
# accept access counter<br>
|
|
freshmia.starfree.jp smart-counter.net
|
|
</code></li>
|
|
</ul>
|
|
|
|
<h3>2.6. User CSS</h3>
|
|
|
|
<p><code>~/.dillo/style.css</code> に CSS を書くとすべての文書のスタイルシートが上書きされます。これは CSS の讀み込みを OFF にした時でも適用されます。</p>
|
|
|
|
<p>例です。行の高さを調節します。</p>
|
|
|
|
<ul>
|
|
<li><code>body { line-height: 1.5 }</code></li>
|
|
</ul>
|
|
|
|
<p><code>style.css</code> のスタイルシートは HTML 制作者の用意した CSS よりも優先されるため、凝つた記述は避けた方が無難です。</p>
|
|
|
|
<h2>3. I2PやTorへの接續</h2>
|
|
|
|
<h3>3.1 I2P</h3>
|
|
|
|
<p>先に i2pd を導入します。</p>
|
|
|
|
<p>Dillo で I2P に接續するには、環境變數 <var>http_proxy</var> に I2P の HTTP proxy の URL を指定します。</p>
|
|
|
|
<ul>
|
|
<li><samp>$ <kbd>http_proxy='http://127.0.0.1:4444' dillo</kbd></samp></li>
|
|
</ul>
|
|
|
|
<p>永續化するには次の樣なシェルスクリプトを作成します。これで <kbd>dillo</kbd> の代はりに <kbd>dillo-i2p</kbd> と入力して I2P に接續できます。</p>
|
|
|
|
<dl>
|
|
<dt>dillo-i2p</dt>
|
|
<dd><code>http_proxy='http://127.0.0.1:4444' exec dillo $@</code></dd>
|
|
</dl>
|
|
|
|
<h3>3.2. Tor (torsocks)</h3>
|
|
|
|
<ul>
|
|
<li>dillo は socks5 に對應してゐない</li>
|
|
<li>dillo で Tor に接續するには torsocks か proxychains を使用すると良い</li>
|
|
</ul>
|
|
|
|
<p>Torsocks で Tor に接續する方法です。</p>
|
|
|
|
<p>まづ、torsocks (及び Tor) を導入して、設定ファイル (<code>/etc/torsocks.conf</code>) に <code>AllowOutboundLocalhost 1</code> を記述します。</p>
|
|
|
|
<p><kbd>torsocks</kbd> 經由で Dillo を起動すると、Tor に接續できます。</p>
|
|
|
|
<ul>
|
|
<li><samp>$ <kbd>torsocks dillo</kbd></samp></li>
|
|
</ul>
|
|
|
|
<p>永續化するには次の樣なシェルスクリプトを作成します。</p>
|
|
|
|
<dl>
|
|
<dt>tsdillo</dt>
|
|
<dd><code>exec torsocks dillo $@</code></dd>
|
|
</dl>
|
|
|
|
<h3>3.3. Tor (proxychains)</h3>
|
|
|
|
<p>續いて、ptorxychains で Tor に接續する方法です。</p>
|
|
|
|
<p>まづ proxychains (及び Tor) を導入して、設定ファイル (<code>/etc/proxychains.conf</code>) から <code># localnet 127.0.0.0/255.0.0.0</code> といふ記述を探して、<code>#</code> を消します。</p>
|
|
|
|
<p><kbd>proxychains4</kbd> 經由で Dillo を起動すると、Tor に接續できます。</p>
|
|
|
|
<ul>
|
|
<li><samp>$ <kbd>proxychain4 dillo</kbd></samp></li>
|
|
</ul>
|
|
|
|
<p>永續化するには次の樣なシェルスクリプトを作成します。</p>
|
|
|
|
<dl>
|
|
<dt>pcdillo</dt>
|
|
<dd><code>exec proxychains4 dillo $@</code></dd>
|
|
</dl>
|
|
|
|
<h2>細かい注意點</h2>
|
|
|
|
<ul>
|
|
<li>IME に非對應 (日本語は別のソフトで入力して貼り附けること)</li>
|
|
<li>實態參照「<code>&apos;</code>」に對應しない (「<code>&#39;</code>」なら問題なし)
|
|
<li>「UL・LI」「DL・DT・DD」の描畫に問題あり (CSS で制御不可な餘白ができる)</li>
|
|
<li>キャッシュが殘りやすい (利用者認證の必要なウェブサイトでは認證後に再讀み込みしてみよう)</li>
|
|
<li>Dillo を終了してもプロセス「dpid」が殘る (「<a href="./dpid.html">Dilloのdpidを自動終了させる方法</a>」を參照)</li>
|
|
</ul>
|
|
|
|
<h2>參考</h2>
|
|
|
|
<ul>
|
|
<li><a href="https://kiz.sinumade.net/config/dillo">Dillo, キスとキズつて似てるよね</a></li>
|
|
<li><a href="https://wiki.archlinux.jp/index.php/Dillo">Dillo - ArchWiki</a></li>
|
|
</ul>
|
|
|
|
<h2>關聯</h2>
|
|
|
|
<ul>
|
|
<li>Dilloの紹介</li>
|
|
<li><a href="./dpid.html">Dilloのdpidを自動終了する方法</a></li>
|
|
</ul>
|