Wechat article desktop layout

使文章撑满整个屏幕。消除手机排版横向文字过少的问题。Expand the article width to fit the screen.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
ThunderMikey
Daily installs
0
Total installs
225
Ratings
2 0 1
Version
0.1.1
Created
2019-08-11
Updated
2019-08-12
Size
1.08 KB
License
N/A
Applies to

Motivation

This Tampermonkey script aims to make articles published on Wechat more readable on desktop screens, which usually have more width than height.

The default layout of Wechat article is clearly in favour of mobile phones, which are held in hands and have more height than width.

Installation

It has been published and synced to GreasyFork. Check it out!

How to Use It

The default configuration will set the max-width to 1200px. If fitting the screen width is desired, modify the code

set_max_width("1200px");

to

set_max_width("none");

Mitigate the Side Effect

When the element of the article body is freed from max-width = 677px, the QR code might obstruct it. A simple fix of hidding the QR code element is then applied to mitigate this.