Greasy Fork is available in English.
在前程无忧(51job)职位列表中显示学历、工作经验年限、发布时间、职位区域和关键词，个人简历页面优化样式，导航可隐藏，岗位页面显示竞争力分析
当前为
// ==UserScript==
// @name 前程无忧(51job)增强工具
// @namespace http://tampermonkey.net/
// @version 2.0
// @description 在前程无忧(51job)职位列表中显示学历、工作经验年限、发布时间、职位区域和关键词，个人简历页面优化样式，导航可隐藏，岗位页面显示竞争力分析
// @author johnchan1017
// @match https://we.51job.com/*
// @match https://jobs.51job.com/*
// @match https://i.51job.com/*
// @run-at document-idle
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant GM_xmlhttpRequest
// @license MIT
// ==/UserScript==
(function() {
'use strict';
let currentpath = window.location.pathname; // 获取当前路径
// 显示附加信息的函数（适用于职位列表页面）
function displayAttachInfo() {
if (currentpath.startsWith('/users/') || currentpath.match(/^\/[a-z]+-[a-z]+\/\d+\.html$/)) return; // 不执行于 i.51job.com 或岗位详情页
for (let i = 1; i <= 20; i++) {
let sensorsElement = null;
if (currentpath === "/pc/search") {
sensorsElement = document.querySelector(`#app > div > div.post > div > div > div.j_result > div > div:nth-child(2) > div > div:nth-child(2) > div.joblist > div:nth-child(${i}) > div > div[sensorsname]`);
} else if (currentpath === "/applysuccess.php") {
sensorsElement = document.querySelector(`#similar > div.j_joblist > div:nth-child(${2*i-1}) > a > div[sensorsname]`);
}
if (!sensorsElement) {
console.log("没有找到带数据的节点");
continue;
}
let jsonObject = JSON.parse(sensorsElement.getAttribute("sensorsdata"));
let jobListItemTopElements = null;
if (currentpath === "/pc/search") {
jobListItemTopElements = sensorsElement.querySelector('.joblist-item-top');
} else if (currentpath === "/applysuccess.php") {
jobListItemTopElements = document.querySelector(`#similar > div.j_joblist > div:nth-child(${2*i-1}) > a > p`);
}
if (!jobListItemTopElements) {
continue;
}
let attachInfoSpan = jobListItemTopElements.querySelector('.custom-attach-span');
if (!attachInfoSpan) {
let attachInfoSpan = document.createElement('span');
attachInfoSpan.classList.add('custom-attach-span');
let displayContent = "";
if (jsonObject.jobDegree) displayContent += jsonObject.jobDegree + " | ";
if (jsonObject.jobYear) displayContent += jsonObject.jobYear + " | ";
if (jsonObject.jobTime) displayContent += jsonObject.jobTime + " | ";
if (jsonObject.jobArea) displayContent += jsonObject.jobArea + " | ";
if (jsonObject.keyword) displayContent += jsonObject.keyword;
attachInfoSpan.textContent = displayContent;
attachInfoSpan.style.color = '#2AC08E';
attachInfoSpan.style.fontSize = '13px';
attachInfoSpan.style.fontWeight = 600;
attachInfoSpan.style.marginLeft = '16px';
jobListItemTopElements.appendChild(attachInfoSpan);
}
}
}
// 处理简历页面样式优化（适用于 i.51job.com）
function handleResumePage() {
if (!currentpath.startsWith('/users/')) return; // 只在 i.51job.com/users/* 执行
const nav = document.querySelector('.nav');
if (nav) {
nav.style.transition = 'all 0.3s ease';
nav.style.display = 'block';
nav.dataset.hidden = 'false';
console.log('导航元素 (.nav) 已找到，正在应用隐藏功能');
} else {
console.warn('未找到导航元素 (.nav)，隐藏功能无法应用');
}
const mainContent = document.querySelector('#maincontent');
if (mainContent) {
const columns = mainContent.querySelectorAll('.column');
if (columns.length > 0) {
columns.forEach(column => {
column.style.float = 'none';
console.log('已移除 .column 的 float: right 样式');
});
} else {
console.warn('未在 #maincontent 中找到 .column 元素');
}
} else {
console.warn('未找到 #maincontent 元素，无法调整样式');
}
const top = document.querySelector('#top');
if (top) {
const innerDiv = top.querySelector('.in');
if (innerDiv && !document.querySelector('#toggleStyleBtn')) {
const button = document.createElement('button');
button.id = 'toggleStyleBtn';
button.innerHTML = '隐藏导航';
button.style.position = 'fixed';
button.style.right = '20px';
button.style.top = '10px';
button.style.zIndex = '9999';
button.style.backgroundColor = '#2AC08E';
button.style.borderRadius = '4px';
button.style.color = 'white';
button.style.padding = '4px 8px';
button.addEventListener('click', () => {
if (nav) {
if (nav.dataset.hidden === 'false') {
nav.style.display = 'none';
nav.dataset.hidden = 'true';
button.innerHTML = '显示导航';
console.log('导航已隐藏');
} else {
nav.style.display = 'block';
nav.dataset.hidden = 'false';
button.innerHTML = '隐藏导航';
console.log('导航已显示');
}
} else {
console.warn('导航元素 (.nav) 未找到，无法切换');
}
});
innerDiv.appendChild(button);
console.log('样式切换按钮已添加到 #top 的 .in 中');
} else if (!innerDiv) {
console.warn('未找到 #top 中的 .in 元素，按钮无法添加');
}
} else {
console.warn('未找到 #top 元素，无法添加切换按钮');
}
}
// 获取岗位页面竞争力分析信息
function fetchCompetitivenessInfo() {
if (!currentpath.match(/^\/[a-z]+-[a-z]+\/\d+\.html$/)) return; // 只在岗位详情页执行
const link = document.querySelector('a.icon_b.i_upline');
if (!link) {
console.warn('未找到竞争力分析链接');
return;
}
const href = link.getAttribute('href');
if (!href) {
console.warn('竞争力分析链接缺少 href 属性');
return;
}
// 使用 GM_xmlhttpRequest 获取跳转页面内容
GM_xmlhttpRequest({
method: 'GET',
url: href,
onload: function(response) {
const parser = new DOMParser();
const doc = parser.parseFromString(response.responseText, 'text/html');
const h2Element = doc.querySelector('.h2');
const text = h2Element ? h2Element.textContent.trim() : '未找到 h2 元素';
// 在页面上显示结果
const displayDiv = document.createElement('div');
displayDiv.id = 'competitiveness-info';
displayDiv.textContent = `竞争力分析: ${text}`;
displayDiv.style.position = 'fixed';
displayDiv.style.bottom = '20px';
displayDiv.style.left = '20px';
displayDiv.style.zIndex = '9999';
displayDiv.style.backgroundColor = '#2AC08E';
displayDiv.style.color = 'white';
displayDiv.style.padding = '10px';
displayDiv.style.borderRadius = '4px';
if (!document.querySelector('#competitiveness-info')) {
document.body.appendChild(displayDiv);
console.log('竞争力分析信息已显示:', text);
}
},
onerror: function() {
console.warn('获取竞争力分析页面失败');
}
});
}
// MutationObserver 监听 DOM 变化
const observer = new MutationObserver(mutationsList => {
mutationsList.forEach(mutation => {
if (mutation.type === 'childList') {
console.log('DOM has been modified');
displayAttachInfo();
handleResumePage();
fetchCompetitivenessInfo();
}
});
});
// 配置观察者
const config = { attributes: true, childList: true, subtree: true };
// 开始观察
observer.observe(document.body, config);
// 初次加载时执行
displayAttachInfo();
handleResumePage();
fetchCompetitivenessInfo();
})();