《微信读书》自定义样式

一直用微信读书看书，但是微信读书的Web版的布局不太喜欢。

重写下它的样式再加上单击关闭工具栏，这样看着舒服多了^_^：

/*浮动工具栏*/
document.getElementsByClassName("readerControls")[0].style.left="0";
document.getElementsByClassName("readerControls")[0].style.marginLeft="20px";
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML=".readerControls_fontSize,.readerControls_item{background-color: #3e5b94ba !important;}";
document.getElementsByTagName('HEAD').item(0).appendChild(style);/*正文容器*/
document.getElementsByClassName("app_content")[0].style.width="100%";
document.getElementsByClassName("app_content")[0].style.maxWidth="100%";document.getElementsByClassName("readerChapterContent")[0].style.paddingTop="0px";/*顶部工具栏*/
document.getElementsByClassName("readerTopBar")[0].style.width="100%";
document.getElementsByClassName("readerTopBar")[0].style.maxWidth="100%";
document.getElementsByClassName("readerTopBar")[0].style.left="0";/*笔记*/
document.getElementsByClassName("readerNotePanel")[0].style.left="20%";
document.getElementsByClassName("readerNotePanel")[0].style.width="60%";
document.getElementsByClassName("readerNotePanel")[0].style.margin="0 auto";/*目录*/
document.getElementsByClassName("readerCatalog")[0].style.left="20%";
document.getElementsByClassName("readerCatalog")[0].style.width="60%";
document.getElementsByClassName("readerCatalog")[0].style.margin="0 auto";/*正文*/
document.getElementsByClassName("renderTargetContainer")[0].style.margin="0 40px";
document.onclick=function(){if(document.getElementsByClassName("readerTopBar")[0].style.display=='none'){document.getElementsByClassName("readerTopBar")[0].style.display='flex';//document.getElementsByClassName("readerControls")[0].style.display='flex';          }else{document.getElementsByClassName("readerTopBar")[0].style.display='none';//document.getElementsByClassName("readerControls")[0].style.display='none';    }
}

暴力猴插件地址：

https://greasyfork.org/zh-CN/scripts/395641-%E5%BE%AE%E4%BF%A1%E8%AF%BB%E4%B9%A6%E9%98%85%E8%AF%BB%E6%A0%B7%E5%BC%8F

https://github.com/JackieZheng/WeReadStyle

《微信读书》自定义样式相关推荐

原微信分享自定义样式amp;微信分享给朋友自定义图文信息
下图为效果图:上图为没有设置得样式,下图是设置样式分享后的效果,差距甚远. 做的过程也遇到了一些问题,我会在博文最下方标明. 下面是我的代码: <!DOCTYPE html> <ht ...
高度仿PC版《微信读书》，好看的小说、读书网站
一.项目访问本项目预览:点击访问本项目经过作者的最大努力,长期的键盘敲打,以最大限度仿照实现PC版的<微信读书>样式,因为是仿照,所以怎么也不可能与原作品相提并论(此处省略一万个谦虚的 ...
uniapp 转H5 实现微信浏览器自定义分享样式
uniapp 转H5后实现微信浏览器自定义分享样式 uniapp 项目转 h5 1.在manifest.json文件中,找到H5配置一下路径,需要注意这个名字需要和布到线上的文件夹名字一致 2.就是 ...
微信小程序实现多选框+自定义样式（checkbox）
1.实现效果 2.实现原理小程序多选框微信小程序为我们提供了checkbox-group,多项选择器,内部由多个checkbox组成. checkbox: 3.实现代码 <!--pages/ ...
微信读书笔记工具， markdown 导出，可自定义导出格式
主要功能 1.获取某本书的全部标注(笔记) 2.获取某本书指定章节的标注 3.获取某本书你的个人想法 4.获取某一本书的热门划线 5.获取某本书的目录 6.获取某本书的详情(书本信息) 7.获取某本书 ...
微信小程序企业微信客户服务插件【联系我】自定义样式
我们从插件扩展参数中得知,原有插件是不支持自定义样式的: 但方法总比困难多,比如我们可以通过opacity:0来设置插件按钮透明,再通过绝对定位和z-index将按钮覆盖在写好的容器样式之上.这样当点 ...
Expo大作战(十二)--expo中的自定义样式Custom font，以及expo中的路由RouteNavigation
简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网我猜去全部机翻+个人 ...
微信读书App来了小伙伴们快去占榜吧
微信读书App正式上线了,iOS版和Android版同时推出.届时将会出现像微信运动一样的霸榜小伙伴.资料显示,阅文集团成立于2014年1月,是腾讯文学和盛大文学联合成立的新公司.阅文集团成立后,会对 ...
微信读书产品体验报告
微信读书[5.0.5]产品体验报告本文预览微信读书凭借着简洁的风格.丰富的电子版权以及良好的推书.读书的阅读氛围获得了一大批粉丝,在现今短视频类应用占据用户大量时间的今天,为何微信读书像一股清流抓 ...

《微信读书》自定义样式

《微信读书》自定义样式相关推荐

最新文章

热门文章