Question

我正在尝试为Fabrik准备更完整的最终用户帮助手册（来自Fabrikar的Joomla扩展）。我首先在后端导航树上复制并列出所有设置的标签和选项。

我帮助自己在OS X 10.7.5上使用Chrome（第47版）Web Developer扩展（v.4.6.6）禁用css。但是，我无法成功地选择显示在悬停上的众多且完整记录的工具提示。

我试图将DevTools扩展名设置为“强制元素状态：悬停”。我的想法是冻结工具提示，允许我选择其文本。但这没有用，因为工具提示太快崩溃了。实际上，afaik，更多的是javascript问题。

以下是代码和外观的示例。我希望尽可能在渲染的html窗口而不是代码上复制纯文本任何的想法？谢谢。

<div class="control-group">
<div class="control-label">
<label id="jform_params_list_detail_link_target-lbl" 
for="jform_params_list_detail_link_target" class="hasTooltip" title="" 
data-original-title="<strong>Detail Link Target</strong><br />
Target for detail view link, default to opening in the same tab (_self). 
Ignored if AJAX-ified links." aria-invalid="false">
Detail Link Target</label>  </div>
<div class="controls">
<select id="jform_params_list_detail_link_target" name="jform[params]
[list_detail_link_target]" size="4" aria-invalid="false">
<option value="_self">Self</option>
<option value="_blank">Blank (new tab / window)</option>
<option value="_parent">Parent</option>
<option value="_top">Top</option>
</select>
</div>
</div>

Screen capture with tooltip display

Answer 1

您可能希望使用GreaseMonkey - 它是一个在本地页面上运行的Firefox扩展，并允许您（在您身边）操纵DOM。

你也可以用它加载jQuery，并使用一些非常酷的javascript来自动化你想要做的事情。

要使用它，请安装GreaseMonkey add-on，重新启动Firefox，然后导航到该页面。

然后，在工具栏上，单击GreaseMonkey按钮并选择New User Script。只需将域名（例如yoursitename.com）添加到前三个字段，然后点击“确定”。

接下来，修改脚本使其看起来像这样：

// ==UserScript==
// @name        mysite.com
// @namespace   mysite.com
// @description mysite.com
// @include     http://*.mysite.*/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @version     1
// @grant       none
// ==/UserScript==

$(function(){

    //jQuery goes here, for example:
    $('.control-label label').each(function(){
        var cls = $(this).attr('class');
        if (cls=='hasTooltip'){
            alert( $(this).attr('data-original-title');
        }
    });

});

冻结悬停的工具提示以复制其文本

1 个答案: