我找到了一个使用以下标记的网站:
<span class="some classes" data-id="amf" data-icon="">Title</span>
<span class="some classes" data-id="dmi" data-icon="">Title 2</span>
我想找出正在使用的图标并下载其内容,但我不知道如何阅读其代码。
该页面正在导入jQuery,因此我可以使用以下代码:
$($.find("[data-id=\"amf\"]")[0]).attr("data-icon").charCodeAt()
返回58880 (浏览器在不知道字符时显示的小方块的代码)。
如果我执行:
var firstIcon = $($.find("[data-id=\"amf\"]")[0]).attr("data-icon");
$($.find("[data-id=\"dmi\"]")[0]).attr("data-icon", firstIcon);
我可以看到第一个图标在第二个范围内被正确复制,这意味着我能够从第一个范围中获取图标。
更新: 我已经验证过,如果我使用已知的unicode字符,例如
<span class="some classes" data-id="amf" data-icon="ઌ">Title</span>
javascript返回正确的代码。我开始认为页面中使用的字符位于自定义图标的unicode映射中。
我找到图标的页面是:
https://www.thelifeyoucansave.org/Impact-Calculator
更新:正如@MrLister所指出的,代码58880是正确的代码。
查找实际图标的最佳方法是什么? 我需要在Android应用程序中重复使用相同的图标。