在 Mozilla Firefox 中使用 javascript 查找正文中的元标记

发布于 2024-10-20 20:35:50 字数 1938 浏览 3 评论 0原文

如何在 Mozilla Firefox 的正文部分找到元标记？

示例：

<!DOCTYPE html>
    <head profile="http://microformats.org/profile/hcalendar"></head>
    <body>
    <div itemscope itemtype="http://data-vocabulary.org/Event">
        <a href="http://www.example.com/events/spinaltap" itemprop="url" ><span itemprop="summary">Spinal Tap</span></a>
        <img itemprop="photo" src="spinal_tap.jpg" />
        <span itemprop="description">After their highly-publicized search for a new drummer,Spinal Tap kicks off their latest comeback tour with a SanFrancisco show.</span>
        When:
        <time itemprop="startDate" datetime="2015-10-15T19:00-08:00">Oct 15, 7:00PM</time>—
        <time itemprop="endDate" datetime="2015-10-15T19:00-08:00">Oct 15, 9:00PM</time>
        Where:
        <span itemprop="location" itemscope itemtype="http://data-vocabulary.org/?Organization">
            <span itemprop="name">Warfield Theatre</span>
            <span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
                <span itemprop="street-address">982 Market St</span>, 
                <span itemprop="locality">San Francisco</span>, 
                <span itemprop="region">CA</span>
            </span>
            <span itemprop="geo" itemscope itemtype="http://data-vocabulary.org/?Geo">
                <meta itemprop="latitude" content="35.774929"/>
                <meta itemprop="longitude" content="-122.419416"/>
            </span>
        </span>
        Category: <span itemprop="eventType">Concert</span> 
    </div>
    </body>
</html>

Firefox 似乎正在将元标记移动到头部，使它们作为 itemprop="geo" 的子元素无法访问。有没有比通过标签名称获取 lat/lng 元标签然后将它们与 itemtype="Event" 一起拼图更好的方法？

原文

How do i find metatags in the body section in Mozilla Firefox?

Example:

<!DOCTYPE html>
    <head profile="http://microformats.org/profile/hcalendar"></head>
    <body>
    <div itemscope itemtype="http://data-vocabulary.org/Event">
        <a href="http://www.example.com/events/spinaltap" itemprop="url" ><span itemprop="summary">Spinal Tap</span></a>
        <img itemprop="photo" src="spinal_tap.jpg" />
        <span itemprop="description">After their highly-publicized search for a new drummer,Spinal Tap kicks off their latest comeback tour with a SanFrancisco show.</span>
        When:
        <time itemprop="startDate" datetime="2015-10-15T19:00-08:00">Oct 15, 7:00PM</time>—
        <time itemprop="endDate" datetime="2015-10-15T19:00-08:00">Oct 15, 9:00PM</time>
        Where:
        <span itemprop="location" itemscope itemtype="http://data-vocabulary.org/?Organization">
            <span itemprop="name">Warfield Theatre</span>
            <span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
                <span itemprop="street-address">982 Market St</span>, 
                <span itemprop="locality">San Francisco</span>, 
                <span itemprop="region">CA</span>
            </span>
            <span itemprop="geo" itemscope itemtype="http://data-vocabulary.org/?Geo">
                <meta itemprop="latitude" content="35.774929"/>
                <meta itemprop="longitude" content="-122.419416"/>
            </span>
        </span>
        Category: <span itemprop="eventType">Concert</span> 
    </div>
    </body>
</html>

It seems like firefox is moving the meta tags to the head making them unreachable as a child element of itemprop="geo". Is there a better way than getting the lat/lng meta tags by tag name and then puzzle them together with the itemtype="Event"?

分享到QQ

分享到微博