获取Tampermonkey中跨度文本的值

时间:2019-07-04 09:44:31

标签: javascript tampermonkey userscripts

我正在玩JS中的Tampermonkey脚本。我有一个网站以UTC格式显示用户的位置和时区。

Dim bArr As Byte() = New Byte(1) {27, 104}

我想读取UTC时区(UTC +10:00)并将其转换为时间。我尝试了类似的方法,但是没有用。有人可以向我指出正确的方向,以便我可以了解这一点吗?

<span class="optional-wrapper">
   <span class="UTCText"> ==$0
   <!-- react-text: 60 --> 
   " (UTC "
   <!-- /react-text -->
   <!-- react-text: 61 -->
   "+10:00" 
   <!-- /react-text -->
   <!-- react-text: 62 -->
   ") "
   <!-- /react-text -->
   </span>
</span>

此刻,我只想打印到控制台,这样我就知道我在正确读取时区。

1 个答案:

答案 0 :(得分:1)

要从静态页面获取文本,请使用.textContent,然后解析字符串以提取所需的值。
这是一个演示:

var tzOffset    = "Not found!";
var tzNode      = document.querySelector (".UTCText");
if (tzNode) {
    let ndTxt   = tzNode.textContent;
    let tzMtch  = ndTxt.match (/(-?\d+:\d+)/);
    if (tzMtch  &&  tzMtch.length > 1) {
        tzOffset = tzMtch[1];
    }
}
console.log ("Found timezone offset: ", tzOffset);
<span class="optional-wrapper">
   <span class="UTCText"> ==$0
   <!-- react-text: 60 -->
   " (UTC "
   <!-- /react-text -->
   <!-- react-text: 61 -->
   "-10:30"
   <!-- /react-text -->
   <!-- react-text: 62 -->
   ") "
   <!-- /react-text -->
   </span>
</span>


但是,该页面似乎正在使用,这意味着它是AJAX驱动的。

对于AJAX页面,您通常必须使用支持AJAX的技术,例如waitForKeyElements。 完整的Tampermonkey用户脚本中的内容如下:

// ==UserScript==
// @name     _Get timezone offset text from a span
// @match    *://YOUR_SERVER.COM/YOUR_PATH/*
// @noframes
// @require  https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// @grant    GM.getValue
// ==/UserScript==
// @grant    none
//- The @grant directives are needed to restore the proper sandbox.
/* global $, waitForKeyElements */
/* eslint-disable no-multi-spaces, curly */

waitForKeyElements (".UTCText", getTZ_Offset);

function getTZ_Offset (jNode) {
    var tzOffset    = "Not found!";
    let ndTxt       = jNode.text ();
    let tzMtch      = ndTxt.match (/(-?\d+:\d+)/);
    if (tzMtch  &&  tzMtch.length > 1) {
        tzOffset    = tzMtch[1];
    }
    console.log ("Found timezone offset: ", tzOffset);
}