-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathold_index.html
91 lines (73 loc) · 3.85 KB
/
old_index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Linkedin Fetch</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>-->
</head>
<body>
<!--<div class="badge-base LI-profile-badge" data-locale="en_US" data-size="medium" data-theme="light" data-type="VERTICAL" data-vanity="ravi95" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://in.linkedin.com/in/ravi95?trk=profile-badge">Ravi Agarwal</a></div>-->
<pre>
tested on Chrome Guest Mode and Incognito
--------------------------
</pre>
<input id="lknid" type="text" placeholder="Enter linkedin profile id" />
<br />
<button onclick="getData(lknid.value)">Get Data</button>
<div id="output" style="padding: 12px;"></div>
<div id="hideBadgeElm" style="display: none;"></div>
<script>
let linkedinid = "";
let badgeElm = document.getElementById("hideBadgeElm");
let waitObserver;
function getData(lknid) {
linkedinid = lknid;
badgeElm.innerHTML = `<div class="badge-base LI-profile-badge" data-locale="en_US" data-size="medium" data-theme="light" data-type="VERTICAL" data-vanity="${linkedinid}" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://in.linkedin.com/in/${linkedinid}?trk=profile-badge">.</a></div>`;
loadProfileJs();
}
function loadProfileJs() {
var script = document.createElement("script");
script.onload = function () {
waitObserver = setInterval(domObserve, 1000);
};
script.src = "https://platform.linkedin.com/badges/js/profile.js";
document.head.appendChild(script);
}
function domObserve() {
let state = badgeElm.querySelector(".LI-profile-badge .profile-badge__header");
if (state) {
clearInterval(waitObserver);
console.log(state);
let json = {
id: linkedinid,
img: "#",
name: "Not available",
title: "Not available",
info: "Not available",
};
if (badgeElm.querySelector("img.profile-badge__content-profile-image")) {
json.img = badgeElm.querySelector("img.profile-badge__content-profile-image").src;
}
if (badgeElm.querySelector(".profile-badge__content-profile-name")) {
json.name = badgeElm.querySelector(".profile-badge__content-profile-name").innerText;
}
if (badgeElm.querySelector(".profile-badge__content-profile-headline")) {
json.title = badgeElm.querySelector(".profile-badge__content-profile-headline").innerText;
}
if (badgeElm.querySelector(".profile-badge__content-profile-company-school-info")) {
json.info = badgeElm.querySelector(".profile-badge__content-profile-company-school-info").innerText;
}
console.log(json);
showData(json);
}
}
function showData(json) {
let tbl = "<table><tbody>";
for (i in json) tbl += `<tr><td class='col0'>${i}</td><td class='col1'>${json[i]}</td></tr>`;
output.innerHTML = tbl + "</tbody></table>";
}
</script>
</body>
</html>