Greasy Fork is available in English.
数折价格可视化，显示人民币价格，奖杯统计，楼主高亮，被@用户的发言内容显示等多项功能优化P9体验
当前为
// ==UserScript==
// @name PSN中文网功能增强
// @namespace https://swsoyee.github.io
// @version 0.33
// @description 数折价格可视化，显示人民币价格，奖杯统计，楼主高亮，被@用户的发言内容显示等多项功能优化P9体验
// @author InfinityLoop
// @include *psnine.com/*
// @include *d7vg.com/*
// @require http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js
// @require http://code.highcharts.com/highcharts.js
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
// 功能0-2设置：鼠标滑过黑条即可显示内容
var hoverUnmark = true // 设置为false则选中才显示
// 功能1-1设置：高亮发帖楼主功能
var highlightBack = "#3890ff" // 高亮背景色
var highlightFront = "#ffffff" // 高亮字体颜色
// 功能1-2设置：高亮具体ID功能（默认管理员id）[注：此部分功能源于@mordom0404的P9工具包：http://greasyfork.icu/zh-CN/scripts/29343-p9%E5%B7%A5%E5%85%B7%E5%8C%85]
var highlightSpecificID = ["mechille", "sai8808", "jimmyleo","jimmyleohk"] // 需要高亮的ID数组
var highlightSpecificBack = "#d9534f" // 高亮背景色
var highlightSpecificFront = "#ffffff" // 高亮字体颜色
// 功能2-2设置：汇率设置
var dollarHKRatio = 0.88 // 港币汇率
var dollarRatio = 6.9 // 美元汇率
var poundRatio = 7.8 // 英镑汇率
var yenRatio = 0.06 // 日元汇率
// 全局优化
// 功能0-1：点击跳转到页面底部
var bottombar = document.getElementsByClassName("bottombar")[0]
var toBottomSwitch = document.createElement("a")
toBottomSwitch.innerText = "B"
toBottomSwitch.setAttribute("href", "javascript:scroll(0, document.body.clientHeight)")
toBottomSwitch.setAttribute("class", "yuan mt10")
bottombar.appendChild(toBottomSwitch)
// 功能0-2：黑条文字鼠标悬浮显示
if(hoverUnmark){
$(".mark").hover(function(i){
var backGroundColor = $(".box.mt20").css("background-color")
$(this).css({"color": backGroundColor})
}, function(o){
var sourceColor = $(this).css("background-color")
$(this).css({"color": sourceColor})
})
}
// 帖子优化
// 功能1-1：高亮发帖楼主
if( /(gene|trade|topic)\//.test(window.location.href) & !/comment/.test(window.location.href)) {
// 获取楼主ID
var author = $(".title2").text()
$(".psnnode").map(function(i, n){
// 匹配楼主ID，变更CSS
if( $(n).text() == author) {
$(n).after('<div class="psnnode author" style="padding:0px 5px; border-radius:2px; display: inline-block;background-color:' + highlightBack + '; color: ' + highlightFront + '">楼主</div>')
}
})
}
// 功能1-2：高亮管理员
var url = window.location.href;
var d = url.indexOf("psnine.com");
var h = url.substring(0, d);
highlightSpecificID.map(function(v, i) {
$('.meta>[href="' + h + 'psnine.com/psnid/' + v + '"]').css({ "background-color": highlightSpecificBack, "color": highlightSpecificFront })
});
// 功能1-3：主题中存在 -插图- 一项时，提供预览悬浮窗
$("a[target='_blank']").html(function(i, url){
if(url == " -插图- ") {
var xOffset = 5;
var yOffset = 5;
var imgUrl = $(this).attr('href');
$(this).hover(function(e){
$("body").append($('<span id="hoverImage"><img src="' + imgUrl + '" onload="if (this.width > 500) this.width=500;"</img></span>'))
$("#hoverImage")
.css({"position": "absolute", "border": "1px solid #ccc", "display": "none", "padding": "5px", "background": "#333"})
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn(500)
}, function(){
$("#hoverImage").remove()
})
$(this).mousemove(function(e){
$("#hoverImage")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
}
})
// 功能1-4：回复内容回溯，仅支持机因、主题 (效率原因只返回所@用户的最近一条回复)
if( /(gene|topic|trade)\//.test(window.location.href) & !/comment/.test(window.location.href)) {
GM_addStyle (`.replyTraceback {background-color: rgb(0, 0, 0, 0.05) !important; padding: 10px !important; color: rgb(160, 160, 160, 1) !important; border: 1px solid !important;}`)
// 每一层楼的回复外框 (0 ~ N - 1)
var allSourceOutside = document.querySelectorAll(".post .ml64") // 30楼的话是29
// 每一层楼的回复框(0 ~ N - 1) floor
var allSource = document.querySelectorAll(".post .ml64 .content") // 30楼的话是29
// 每一层楼的回复者名字( 2 ~ N + 1) traceId [0是楼主自己，1是编辑栏]
var userId = document.querySelectorAll("div[class$=meta]") // 30楼的话是31
// 每一层的头像(0 ~ N - 1)
var avator = document.querySelectorAll(".post a.l") // 30楼的话是29
for(var floor = allSource.length - 1; floor > 0 ; floor-- ) {
// 层内内容里包含链接
var content = allSource[floor].querySelectorAll("a")
if(content.length > 0) {
for(var userNum = 0; userNum < content.length; userNum++ ){
// 对每一个链接的文本内容判断
var linkContent = content[userNum].innerText.match("@(.+)")
// 链接里是@用户生成的链接， linkContent为用户名
if(linkContent != null) {
var replayBox = document.createElement("div")
replayBox.setAttribute("class", "replyTraceback")
// 从本层开始，回溯所@的用户的最近回复
for(var traceId = floor + 1; traceId > 1; traceId-- ){
// 如果回溯到了的话，选取内容
// 回溯层用户名
var thisUserID = userId[traceId].getElementsByClassName("psnnode")[0].innerText
if( thisUserID == linkContent[1].toLowerCase()){
// 输出头像
var avatorImgSource = avator[traceId - 2].getElementsByTagName("img")
// 如果有“查看更早的评论”需要额外处理
if(avatorImgSource.length > 0){
var avatorImg = avatorImgSource[0].getAttribute("src")
} else {
break;
}
replayBox.innerHTML = '<div class="responserHeader" style="padding:3px 3px; border-radius:2px; background: rgb(23, 162, 184); display: inline-block; padding-right: 10px; color: #ffffff"><img src="' +
avatorImg + '" height="25" width="25"> ' + linkContent[1] + '</img>'+
'</div><div class="responserContent" style="display: inline-block;"> ' +
allSource[traceId - 2].innerText + "</div>"
allSourceOutside[floor].insertBefore(replayBox, allSource[floor])
break;
}
}
}
}
}
}
}
// 商城优化
// 功能2-1：商城价格走势图
if( /dd/.test(window.location.href) ) {
// 日期转换函数
function converntTime(value) {
var timeArray = value.replace('年','-').replace('月','-').replace('日','').split("-")
timeArray[0] = "20" + timeArray[0]
timeArray[1] = Number(timeArray[1]) - 1
return Date.UTC(timeArray[0], timeArray[1], timeArray[2])
}
// 获取X轴的日期
var xContents = document.querySelectorAll("p.dd_text")
var xValue = [];
var today = new Date()
var todayArray = Date.UTC(today.getYear() + 1900, today.getMonth(), today.getDate())
for(var xindex = 3; xindex < xContents.length; xindex+=4 ){
var tamp = xContents[xindex].innerText.split(" ~ ")
tamp[0] = converntTime(tamp[0])
tamp[1] = converntTime(tamp[1])
xValue = [tamp[0], tamp[0], tamp[1], tamp[1]].concat(xValue)
}
//获取价格
var y = document.querySelectorAll(".dd_price")
var yValueNormal = [];
var yValuePlus = [];
for(var yindex = 0; yindex < y.length; yindex++ ){
var yPriceOld = y[yindex].querySelector(".dd_price_old").innerText
var yPriceNormal = y[yindex].querySelector(".dd_price_off").innerText
var yPricePlus = y[yindex].querySelector(".dd_price_plus")
yValueNormal = [yPriceOld, yPriceNormal, yPriceNormal, yPriceOld].concat(yValueNormal)
var pricePlusTamp = ""
if( yPricePlus == null ){
pricePlusTamp = yPriceNormal
} else {
pricePlusTamp = yPricePlus.innerText
}
yValuePlus = [yPriceOld, pricePlusTamp, pricePlusTamp, yPriceOld].concat(yValuePlus)
}
// 普通价格数据
var xForPlotNormal = new Array()
var xForPlotPlus = new Array()
// 判断地区
var replaceString = ""
if( yValueNormal[0].search("HK\\$") > -1 ){
replaceString = "HK$"
}
else if( yValueNormal[0].search("\\$") > -1 ){
replaceString = "$"
}
else if( yValueNormal[0].search("\\£") > -1 ){
replaceString = "£"
} else {
replaceString = "¥"
}
for(var i = 0; i < xValue.length; i++ ){
xForPlotNormal[i] = [xValue[i], Number(yValueNormal[i].replace(replaceString, ""))]
xForPlotPlus[i] = [xValue[i], Number(yValuePlus[i].replace(replaceString, ""))]
}
// 修正最后一组数据
if( xForPlotNormal[xForPlotNormal.length - 1][0] > todayArray ){
xForPlotNormal.pop()
xForPlotPlus.pop()
xForPlotNormal[xForPlotNormal.length - 1][0] = todayArray
xForPlotPlus[xForPlotPlus.length - 1][0] = todayArray
} else {
xForPlotNormal.push([todayArray, xForPlotNormal[xForPlotNormal.length - 1][1]])
xForPlotPlus.push([todayArray, xForPlotPlus[xForPlotPlus.length - 1][1]])
}
// 插入页面
$(".pd10").append (`<div id="container"></div>`);
var chart = {
type: 'areaspline',
backgroundColor: 'rgba(0,0,0,0)'
};
var title = {
text: '价格变动走势图',
style: {
color: '#808080'
}
};
var xAxis = {
type: 'datetime',
dateTimeLabelFormats: {
day: '%e. %b',
month: '%b \'%y',
year: '%Y'
},
title: {
text: 'Date'
}
};
var yAxis = {
title: {
text: '价格'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
};
var tooltip = {
headerFormat: '<b>{series.name}</b><br>',
pointFormat: '{point.x:%e. %b}: '+ replaceString + '{point.y:.2f}'
};
var plotOptions = {
areaspline: {
fillOpacity: 0.25
}
};
var series= [{
name: '普通会员价',
color: '#00a2ff',
data: xForPlotNormal
}, {
name: 'PS+会员价',
color: '#ffd633',
data: xForPlotPlus
}
];
var credits = {
enabled : false
};
var legend = {
itemStyle: {
color: '#808080'
},
itemHoverStyle: {
color: '#3890ff'
}
}
var json = {};
json.chart = chart;
json.title = title;
json.tooltip = tooltip;
json.xAxis = xAxis;
json.yAxis = yAxis;
json.series = series;
json.plotOptions = plotOptions;
json.credits = credits;
json.legend = legend;
$('#container').highcharts(json);
// 功能2-2：外币转人民币
// 转换原始价格
function foreignCurrency(price, mark, ratio) {
return [Number(price[0].replace(mark, "")) * ratio, Number(price[1].replace(mark, "")) * ratio, Number(price[2].replace(mark, "")) * ratio]
}
$(".dd_price").map(function(i, n){
var price = [$(this).children().eq(0).text(), $(this).children().eq(1).text(), $(this).children().eq(2).text()]
var CNY = [0, 0, 0]
var offset = 3
if( /dd\//.test(window.location.href) ) {
offset = 2
}
var region = $(".dd_info p:nth-child(" + offset + ")").eq(i).text()
if( region == "港服" ){
CNY = foreignCurrency(price, "HK$", dollarHKRatio)
} else if( region == "美服" ) {
CNY = foreignCurrency(price, "$", dollarRatio)
} else if( region == "日服" ) {
CNY = foreignCurrency(price, "¥", yenRatio)
} else if( region == "英服" ) {
CNY = foreignCurrency(price, "£", poundRatio)
} else {
CNY = foreignCurrency(price, "¥", 1)
}
$(".dd_price span:last-child").eq(i).after("  <s class='dd_price_old'>¥" + CNY[0].toFixed(2) + "</s><span class='dd_price_off'>¥" + CNY[1].toFixed(2) + "</span>")
if(CNY[2] > 0){
$(".dd_price span:last-child").eq(i).after("</span><span class='dd_price_plus'>¥" + CNY[2].toFixed(2) + "</span>")
}
})
}
// 奖杯系统优化
// 功能3-1：游戏奖杯界面可视化
if( /psngame\//.test(window.location.href) ) {
// 游戏奖杯比例图
var platinum = document.getElementsByClassName("text-platinum")[0].innerText.replace("白", "")
var gold = document.getElementsByClassName("text-gold")[0].innerText.replace("金", "")
var silver = document.getElementsByClassName("text-silver")[0].innerText.replace("银", "")
var bronze = document.getElementsByClassName("text-bronze")[0].innerText.replace("铜", "")
// 奖杯稀有度统计
var rareArray = [0, 0, 0, 0, 0]
for(var rareIndex = 1; rareIndex <= 4; rareIndex++ ){
var rareValue = document.getElementsByClassName("twoge t" + rareIndex + " h-p")
for(var j = 0; j < rareValue.length; j ++ ) {
var rarity = Number(rareValue[j].innerText.split("\n")[0].replace("%", ""))
if( rarity <= 5 ) {
rareArray[0]++ // 极度珍贵
} else if ( rarity > 5 & rarity <= 10 ) {
rareArray[1]++ // 非常珍贵
} else if ( rarity > 10 & rarity <= 20 ) {
rareArray[2]++ // 珍贵
} else if ( rarity > 20 & rarity <= 50 ) {
rareArray[3]++ // 罕见
} else {
rareArray[4]++ // 普通
}
}
}
var trophyRatioChart = {
backgroundColor: 'rgba(0,0,0,0)'
};
var trophyRatioTooltip = {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
};
var trophyRatioPlotOptions = {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
distance: -20,
style: {
fontWeight: 'bold',
color: 'white',
textOutline: "0px contrast"
},
formatter: function() {
return this.point.y;
}
}
}
};
var trophyRatioSeries= [{
type: 'pie',
name: '比例',
data: [
{ name: '白金', y: Number(platinum), color: '#7a96d1' },
{ name: '金', y: Number(gold), color: '#cd9a46' },
{ name: '银', y: Number(silver), color: '#a6a6a6' },
{ name: '铜', y: Number(bronze), color: '#bf6a3a' },
],
center: [50, 30],
size: 130
}, {
type: 'pie',
name: '比例',
data: [
{ name: '极度珍贵', y: rareArray[0], color: 'rgb(160, 217, 255)' },
{ name: '非常珍贵', y: rareArray[1], color: 'rgb(124, 181, 236)' },
{ name: '珍贵', y: rareArray[2], color: 'rgb(88, 145, 200)' },
{ name: '罕见', y: rareArray[3], color: 'rgb(52, 109, 164)' },
{ name: '一般', y: rareArray[4], color: 'rgb(40, 97, 152)' },
],
center: [200, 30],
size: 130
}];
var trophyRatioTitle = {
text: '奖杯统计',
style: {
color: '#808080'
}
};
var trophyRatio = {};
trophyRatio.chart = trophyRatioChart;
trophyRatio.tooltip = trophyRatioTooltip;
trophyRatio.title = trophyRatioTitle;
trophyRatio.series = trophyRatioSeries;
trophyRatio.plotOptions = trophyRatioPlotOptions;
trophyRatio.credits = credits;
// 插入页面
$(".box.pd10").append (`<p></p><div id="trophyRatioChart" align="left" style="width: 320px; height: 200px; margin: 0 0; display: inline-block;"></div>`);
$('#trophyRatioChart').highcharts(trophyRatio);
// 奖杯获得时间年月统计
var getTimeArray = []
var timeElements = document.getElementsByClassName("lh180 alert-success pd5 r")
if( timeElements.length > 0 ) {
for(var timeIndex = 0; timeIndex < timeElements.length; timeIndex ++ ){
var dayTime = document.getElementsByClassName("lh180 alert-success pd5 r")[timeIndex].innerText.split("\n")
var monthDay = dayTime[0].split("-")
var houtMinute = dayTime[1].split(":")
var xTime = Date.UTC(Number(timeElements[timeIndex].getAttribute("tips").replace("年", "")), Number(monthDay[0]) - 1, Number(monthDay[1]), Number(houtMinute[0]), Number(houtMinute[1]))
getTimeArray.push(xTime)
}
getTimeArray.sort()
var getTimeArrayX = []
for(var k = 1; k <= timeElements.length; k ++){
getTimeArrayX.push([getTimeArray[k - 1], k])
}
// 调整白金时间
getTimeArrayX[getTimeArrayX.length - 1][0] += 60000
var trophyGetTimeTooltip = {
pointFormat: '{series.name}: <b>{point.y}</b>'
};
var trophyGetTimeXaxis = {
type: 'datetime',
dateTimeLabelFormats: {
second: '%Y-%m-%d<br/>%H:%M:%S',
minute: '%Y-%m-%d<br/>%H:%M',
hour: '%Y-%m-%d<br/>%H:%M',
day: '%Y<br/>%m-%d',
week: '%Y<br/>%m-%d',
month: '%Y-%m',
year: '%Y'
},
title: {
display: false
}
};
var trophyGetTimeSeries = [{
type: 'spline',
name: '获得数目',
data: getTimeArrayX,
showInLegend: false
}]
var trophyGetTimeTitle = {
text: '奖杯获得时间',
style: {
color: '#808080'
}
};
var trophyGetTimeYAxis = {
title: {
text: '奖杯获得个数'
},
min: 0
};
var trophyGetTime = {};
trophyGetTime.chart = trophyRatioChart;
trophyGetTime.tooltip = trophyGetTimeTooltip;
trophyGetTime.xAxis = trophyGetTimeXaxis;
trophyGetTime.yAxis = trophyGetTimeYAxis;
trophyGetTime.title = trophyGetTimeTitle;
trophyGetTime.series = trophyGetTimeSeries;
trophyGetTime.credits = credits;
// 插入页面
$(".box.pd10").append (`<div id="trophyGetTimeChart" align="left" style="width: 460px; height: 200px; margin: 0 0; display: inline-block;"></div>`);
$('#trophyGetTimeChart').highcharts(trophyGetTime);
}
}
})();