FishHawk
[功能建议] 在线阅读界面新增中日左右双栏对照模式
RT。一行中一行日，这么顺着看下来还是有一些干扰。
不过双栏可能是个麻烦的工程，未必能实装。 现阶段也有一些简单的优化方法，不知道可否实现：
- 提供一个在纯中文和纯日文之间切换的键盘快捷键。
- 目前「日中」的模式下，或许可以改成日文是黑色，而中文是灰色。
感谢。
在线阅读界面新增中日左右双栏对照模式
阅读器支持双栏确实是很遥远的事情。
提供一个在纯中文和纯日文之间切换的键盘快捷键。
很有意思，会做成当前模式和纯日文之间切换。
目前「日中」的模式下，或许可以改成日文是黑色，而中文是灰色。
在阅读设置里面可以自己调整透明度。
在线阅读界面新增中日左右双栏对照模式
阅读器支持双栏确实是很遥远的事情。
提供一个在纯中文和纯日文之间切换的键盘快捷键。
很有意思，会做成当前模式和纯日文之间切换。
目前「日中」的模式下，或许可以改成日文是黑色，而中文是灰色。
在阅读设置里面可以自己调整透明度。
感谢回复！我找到了调整透明度的地方，也很期待一键切换日文的功能实装～
另外，我发现了一个Chrome插件 Tile Tabs WE，可以实现左右两个窗口同步垂直滚动。 但遇到了一个问题，一旦其中一个窗口设置了语言，另一边也会更改。不知道这个有没有办法解决？ 谢谢！
看起来左右两边是独立的tab吧，那有个邪道解法，左边用books，右边用books1。 因为是邪道解法，所以不能保证永远有效（但books1应该会存在挺久）。
看起来左右两边是独立的tab吧，那有个邪道解法，左边用books，右边用books1。 因为是邪道解法，所以不能保证永远有效（但books1应该会存在挺久）。
对的，是俩独立tab，这个方法完全凑效，感谢！
稍微搞了搞，感觉这样效果也还可以吧：
实际上只加了几行CSS：
#chapter-content{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } #chapter-content > p.line-break{ grid-column: 1 / 3; height: 0px; }
因为<br/>元素和grid layout相性不好（我自己怎么搞都不行），所以需要把<br>换成空的<p>元素，这里加了一个line-breakclass用于CSS选中。
这里没有考虑设备宽度和切换单/双栏，不过也并不麻烦。
这种能做到同步滚动吗？比如两边行数不一样的情况
是完全同步的，因为是把所有行重新排列成两列的表格（空行独占一行两列）。至于两边行数不一样，如果一行翻译一定和一行原文对应的话，应该是不需要考虑的吧，如果有的原文对应不到相应翻译，那也可以强制让翻译占据左边一列，原文占据右边一列：
#chapter-content > p.翻译{ grid-column: 1 / 2; } #chapter-content > p.原文{ grid-column: 2 / 3; }
只要一一对应的翻译和原文相邻，应该就不会错位。
更新了一下显示效果↑（动画有点大，可能加载失败）