☰

慕课网手记页面优化

文章展示界面加宽

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name         慕课网手记页面优化
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  文章展示界面加宽
// @author       xiaozhu
// @match        http://www.imooc.com/article/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    //页面宽度增加到1200px
    document.querySelector('.main_con').style.width='1200px';
    //文章宽度增加到900px
    document.querySelector('.left_essay').style.width='900px';
    //左侧栏位置左移
    document.querySelector('.active-box').style.left='40%';

    

})();