仅对当前页码收藏夹内容进行导出
` + `图片内容过多时请耐心等待
` + `如果点击没有生成PDF请刷新页面
`, elementTypeSpan: (type) => { const typeObj = { zvideo: '视频', answer: '问答', article: '文章', }; return typeObj[type] || ''; }, }; /** 关注的内容一键移除 */ const myFollowRemove = { init: function () { const me = this; clearTimeout(me.timer); me.timer = setTimeout(() => { pathnameHasFn({ questions: () => me.addButtons(this.classOb.questions), // topics: () => me.addButtons(this.classOb.topics), // 话题跳转页面内会重定向，暂时隐藏 collections: () => me.addButtons(this.classOb.collections), }); }, 500); }, addButtons: function (initTypeOb) { const me = this; const { classNameItem, classHref, ctzType } = initTypeOb; domA(`.${classNameItem}`).forEach((item) => { const elementButton = domC('button', { className: `${me.className} ${me.classNameRemove} ctz-block-user`, innerText: '移除关注', style: 'height: 28px;position: absolute;right: 16px;bottom: 16px;', }); elementButton.onclick = function () { const nItem = domP(this, 'class', classNameItem); const qHref = nItem.querySelector(classHref) ? nItem.querySelector(classHref).href : ''; if (!qHref) return; const nHref = qHref + `?ctzType=${ctzType}`; window.open(nHref); if (this.classList.contains(me.classNameRemove)) { this.innerText = '添加关注'; this.classList.remove(me.classNameRemove); } else { this.innerText = '移除关注'; this.classList.add(me.classNameRemove); } }; item.querySelector(`.${me.className}`) && item.querySelector(`.${me.className}`).remove(); item.appendChild(elementButton); }); }, className: 'ctz-remove-follow', classNameRemove: 'ctz-button-red', classOb: { questions: { // 关注的问题 classNameItem: 'List-item', classHref: '.QuestionItem-title a', ctzType: 1, }, topics: { // 关注的话题 classNameItem: 'List-item', classHref: '.ContentItem-title .TopicLink', ctzType: 2, }, collections: { // 关注的收藏夹 classNameItem: 'List-item', classHref: '.ContentItem-title a', ctzType: 3, }, }, timer: null, }; /** 路径上存在 ctzType的操作 */ const myCtzTypeOperation = { init: function () { const params = new URLSearchParams(location.search); let ctzType = params.get('ctzType'); this[ctzType] && this[ctzType](); }, 1: () => { // 移除、关注问题并关闭网页 dom('.QuestionButtonGroup button') && dom('.QuestionButtonGroup button').click(); window.close(); }, 2: () => { // 移除、关注话题并关闭网页 dom('.TopicActions .FollowButton') && dom('.TopicActions .FollowButton').click(); window.close(); }, 3: () => { // 移除、关注收藏夹并关闭网页 dom('.CollectionDetailPageHeader-actions .FollowButton') && dom('.CollectionDetailPageHeader-actions .FollowButton').click(); window.close(); }, }; /** 启用知乎默认的黑暗模式 */ const onUseThemeDark = () => { dom('html').setAttribute('data-theme', myBackground.isUseDark() ? 'dark' : 'light'); }; /** 注入样式文件的方法 */ const initDomStyle = (id, innerHTML) => { const element = domById(id); element ? (element.innerHTML = innerHTML) : document.head.appendChild( domC('style', { id, type: 'text/css', innerHTML, }) ); }; /** 回填数据，供每次打开使用 */ const echoData = () => { const textSameName = { globalTitle: (e) => (e.value = pfConfig.globalTitle || document.title), customizeCss: (e) => (e.value = pfConfig['customizeCss']), }; const echoText = (even) => { textSameName[even.name] ? textSameName[even.name](even) : (even.value = pfConfig[even.name]); }; const echo = { radio: (even) => pfConfig.hasOwnProperty(even.name) && even.value === pfConfig[even.name] && (even.checked = true), checkbox: (even) => (even.checked = pfConfig[even.name] || false), 'select-one': (even) => { if (pfConfig[even.name]) { for (let i = 0; i < even.length; i++) { if (even[i].value === pfConfig[even.name]) { even[i].selected = true; } } } }, text: echoText, number: echoText, range: (even) => { const nValue = pfConfig[even.name]; const rangeNum = isNaN(+nValue) || !(+nValue > 0) ? dom(`[name="${even.name}"]`).min : nValue; even.value = rangeNum; domById(even.name).innerText = rangeNum; }, }; const doEcho = (item) => { echo[item.type] && echo[item.type](item); }; domA(`.${CLASS_INPUT_CLICK}`).forEach(doEcho); domA(`.${CLASS_INPUT_CHANGE}`).forEach(doEcho); echo.text(dom('[name="globalTitle"]')); }; /** 更改编辑器方法 */ const fnChanger = async (ev) => { // onchange 时只调用 myVersion 的 name const doCssVersion = [ 'questionTitleTag', 'fixedListItemMore', 'linkShopping', 'highlightListItem', 'zoomImageType', 'zoomImageSize', 'versionHome', 'versionAnswer', 'versionArticle', 'fontSizeForList', 'fontSizeForAnswer', 'fontSizeForArticle', ]; const { name, value, checked, type } = ev; const ob = { colorBackground: () => { myVersion.change(); myBackground.init(); myListenListItem.restart(); onUseThemeDark(); }, suspensionHomeTab: () => { myVersion.change(); changeSuspensionTab(); }, suspensionFind: cacheHeader, suspensionSearch: cacheHeader, suspensionUser: cacheHeader, titleIco: changeICO, showGIFinDialog: previewGIF, questionCreatedAndModifiedTime: addQuestionCreatedAndModifiedTime, highlightOriginal: () => { myListenListItem.restart(); }, listOutPutNotInterested: () => { myListenListItem.restart(); }, articleCreateTimeToTop: addArticleCreateTimeToTop, linkAnswerVideo: () => { myVersion.change(); zoomVideos(); }, }; pfConfig[name] = type === 'checkbox' ? checked : value; await myStorage.set('pfConfig', JSON.stringify(pfConfig)); type === 'range' && domById(name) && (domById(name).innerText = value); if (/^hidden/.test(name)) { myHidden.init(); return; } if (doCssVersion.includes(name)) { myVersion.change(); return; } ob[name] && ob[name](); }; /** 在重置数据时调用 */ const resetData = () => { onInitStyleExtra(); initData(); onUseThemeDark(); }; /** 查找是否使用主题 */ const findTheme = () => { // 开始进入先修改一次 onUseThemeDark(); const elementHTML = dom('html'); const muConfig = { attribute: true, attributeFilter: ['data-theme'] }; // 监听 html 元素属性变化 const muCallback = function () { const themeName = elementHTML.getAttribute('data-theme'); const isDark = myBackground.isUseDark(); if ((themeName === 'dark' && !isDark) || (themeName === 'light' && isDark)) { onUseThemeDark(); } }; const muObserver = new MutationObserver(muCallback); muObserver.observe(elementHTML, muConfig); }; /** 时间格式化 */ const timeFormatter = (time, formatter = 'YYYY-MM-DD HH:mm:ss') => { if (!time) return ''; const date = new Date(time); const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const hour = date.getHours(); const min = date.getMinutes(); const sec = date.getSeconds(); // 不足十位添 0 const preArr = Array.apply(null, Array(10)).map(function (elem, index) { return '0' + index; }); return formatter .replace(/YYYY/g, year) .replace(/MM/g, preArr[month] || month) .replace(/DD/g, preArr[day] || day) .replace(/HH/g, preArr[hour] || hour) .replace(/mm/g, preArr[min] || min) .replace(/ss/g, preArr[sec] || sec); }; /** 问题添加时间 */ const addTimes = (event) => { const className = 'ctz-list-item-time'; event.querySelector(`.${className}`) && event.querySelector(`.${className}`).remove(); const crTime = event.querySelector('[itemprop="dateCreated"]') ? event.querySelector('[itemprop="dateCreated"]').content : ''; const puTime = event.querySelector('[itemprop="datePublished"]') ? event.querySelector('[itemprop="datePublished"]').content : ''; const muTime = event.querySelector('[itemprop="dateModified"]') ? event.querySelector('[itemprop="dateModified"]').content : ''; const created = timeFormatter(crTime || puTime); const modified = timeFormatter(muTime); if (!created) return; const element = domC('div', { className, style: 'line-height: 24px;padding-top: 6px;', innerHTML: `