慕课小助手

Greasy Fork is available in English.
慕课网问答区快速查看问答详情、自动播放下一节视频
当前为 2020-03-01 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         慕课小助手
// @namespace    https://github.com/maomao1996/tampermonkey-scripts
// @version      0.3.0
// @description  慕课网问答区快速查看问答详情、自动播放下一节视频
// @author       maomao1996
// @include      *://coding.imooc.com/learn/qa/*
// @include      *://coding.imooc.com/lesson/*
// @grant        none
// @require		   https://cdn.jsdelivr.net/npm/[email protected]
// ==/UserScript==
;
(function () {
    'use strict';
    function addStyle(rules) {
        $('head').append("<style>" + rules + "</style>");
    }
    // 重置样式
    addStyle("\n  .mm-modal {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1996;\n    display: none;\n    overflow-y: auto;\n  }\n  .mm-mask {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n  .mm-modal-x {\n    position: absolute;\n    left: 50%;\n    top: 15%;\n    z-index: 2;\n    margin-bottom: 15%;\n    border-radius: 20px;\n    padding: 25px;\n    width: 800px;\n    background: #fff;\n    transform: translateX(-50%);\n  }\n  .wrap,\n  #new_header .new-header,\n  .wenda-top-intro-box .wenda-top-intro-wrap {\n    width: 100%!important;\n  }\n  .layout .col-aside.wenda-col-aside,\n  .mm-model .elevator,\n  .mm-modal #footer {\n    display: none!important;\n  }\n  .mm-modal .layout {\n    padding: 0;\n  }\n  .mm-modal pre {\n    white-space: pre-line;\n  }\n");
    /**
     * 问答区
     */
    // 获取按钮 html
    function getBntHtml(id) {
        return ('<a class="mm-btn" href="javascript:void(0)" data-id="' +
            id +
            '">查看详情</a>');
    }
    // 插入弹窗 dom
    function appendModal() {
        var modalHtml = "<div class=\"mm-modal\" id=\"mm-modal\"><div class=\"mm-mask\"></div><div class=\"mm-modal-x\" id=\"mm-content\"></div></div>";
        $('body').append(modalHtml);
    }
    // 点击事件
    function handleClick() {
        var id = $(this).data('id');
        $.ajax({
            type: 'get',
            url: "//coding.imooc.com/learn/questiondetail/" + id + ".html",
            dataType: 'html',
            success: function (html) {
                $('#mm-modal')
                    .show()
                    .scrollTop(0);
                $('#mm-content').html(html);
            }
        });
    }
    // 问答区初始化
    function qaInit() {
        $('.qa-item-title').each(function () {
            var id = $(this)
                .find('a')
                .attr('href')
                .replace(/\D/g, '');
            $(this).append(getBntHtml(id));
        });
        appendModal();
        $(document).on('click', '.mm-mask', function () {
            $('#mm-modal').hide();
        });
        $('#qa-list').on('click', '.mm-btn', handleClick);
    }
    /**
     * 视频详情
     */
    // 初始化
    function videoInit() {
        setTimeout(function () {
            $('video').on('ended', function () {
                var _a;
                console.log('当前视频播放完毕，即将播放下一节');
                (_a = $('.next-btn.js-next-media')[0]) === null || _a === void 0 ? void 0 : _a.click();
            });
        }, 1e3);
    }
    // 初始化操作
    window.onload = function () {
        var pathname = location.pathname;
        var TYPE = pathname.substr(1, pathname.lastIndexOf('/') - 1);
        switch (TYPE) {
            // 问答区
            case 'learn/qa':
                console.log('问答区');
                qaInit();
                break;
            // 视频详情
            case 'lesson':
                console.log('视频详情');
                videoInit();
                $(window).on('hashchange', videoInit);
                break;
            default:
                break;
        }
    };
})();