네이버 카페 게시물의 작성자 아이디를 버튼을 통해 클립보드로 복사하고, 복사된 아이디를 표시합니다. 닉네임 옆에 "(아이디)" 텍스트를 추가합니다.
当前为
// ==UserScript== // @name 네이버 카페 게시물 실제 아이디 클립보드 복사 // @namespace 네이버 카페 게시물 실제 아이디 클립보드 복사 // @grant GM_setClipboard // @match https://cafe.naver.com/* // @version 0.2 // @description 네이버 카페 게시물의 작성자 아이디를 버튼을 통해 클립보드로 복사하고, 복사된 아이디를 표시합니다. 닉네임 옆에 "(아이디)" 텍스트를 추가합니다. // @icon data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKUSURBVHgB7Zc9b9NQFIbfc+22aQTCCBWJzT+hLEgFIaW/oB0AQZamW5mg/yBdqRD0FxAWiMRAOpCFoUYCIrE0O0PCgFiQGjHko7Hv4dj5/mqckkRC8EiW7euj+77Hvvfca+Bfh3AOHn6/t2mYessgHSNoS5EGEcM/t9Ca956uZJPj+jIxATs/EjZz7QWDY9rXEvvUTIHAwbllgphLYfoMbSBRSNinrnesyLC6M1VyaPI7qouZTjvBdcL0G8pAorBja1U7AitL5CRXFbSzyBjKw6I6DT5BBy7uX32fD9N3KAN16EfEht24I5GXTCXb6EIZpnIH4klREiEJZcBjtama1wouootlLC9UhgdrPnhyJfsS0zJw5+tOTAzY/hiLLpVxKVKSgcYjxfdXso8xAWMNMJlWxKjg8vIJImZteAzDYSaZdu8cTMhYAyvGz/zFC7+2G0qDz+v1Ref5tUwRfys9ldD4GE8wwcYM0MR5+MdaujjaQC7OmD0pL1LexfVMUCkV5k9CVaNHrZv5GCDOyFRp1wZ57avqUzw5PwMuHXo3X8v44t2OKWzMz0ATXVlKtfUJq3M3gEjV6robMggZodbwiTFxguNNy4R629HSHxqPuqHAgIVpoyllVKNW9xxXppf00PcGpKYfYhYQ9yQlK/le/cabYL/QY0B2OhnMCA4+Lzuyh1x3b71Kts30B6pcvCCNNqYEuSJ4O+2Meq4GG/Q2pkfqLPGGXh/uWtqR/cYB/hDZORc96L1xcSP/C4zPD1JSLbZwTnHZuq73r3zDGFmI/NIp7sZmMCiOfFhxn/F/Rl/urhqe+UxCY2eF+aNcEQ7ctc4In46BFrn7tiK1IXM41p7XTCX5I/rmr3ZupJpvrfH/mYTfRefs0vcTSpcAAAAASUVORK5CYII= // @author mickey90427 <[email protected]> // ==/UserScript== (function () { // 버튼 클릭 시 아이디 복사 함수 function copyWriterId() { const writerId = this.getAttribute('data-writer-id'); GM_setClipboard(writerId); showCopiedText(writerId); } // '블로그 가기' 버튼 클릭 시 블로그로 이동하는 함수 function goToBlog() { const writerId = this.getAttribute('data-writer-id'); const blogUrl = `https://blog.naver.com/${writerId}`; window.open(blogUrl, '_blank'); } // 이메일 복사 함수 function copyWriterEmail() { const writerId = this.getAttribute('data-writer-id'); const email = `${writerId}@naver.com`; GM_setClipboard(email); showCopiedText(email); } // 복사된 아이디 표시 함수 function showCopiedText(writerId) { const textElement = document.createElement('div'); textElement.className = 'copied-text'; textElement.textContent = `복사된 아이디: ${writerId}`; document.querySelector('.article_info').appendChild(textElement); setTimeout(() => { textElement.remove(); }, 1000); } // MutationObserver 콜백 함수 function observeMutation(mutations) { mutations.forEach((mutation) => { // 노드 추가일 경우 if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { const addedNode = mutation.addedNodes[0]; // 추가된 노드가 작성자 정보 버튼을 포함하고 있는지 확인 if (addedNode.querySelector('[id^="writerInfo"]')) { const writerInfoButton = addedNode.querySelector('[id^="writerInfo"]'); const writerId = writerInfoButton.id.replace("writerInfo", ""); // 버튼 추가 const nickLevelElement = addedNode.querySelector('.nick_level'); const button = document.createElement('button'); button.className = 'copy-button'; button.innerHTML = ` <svg class="copy-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 5H4v16h16V9h-2v10H6V7h8z"/> </svg> 아이디 복사 `; button.setAttribute('data-writer-id', writerId); button.addEventListener('click', copyWriterId); const emailButton = document.createElement('button'); emailButton.className = 'email-button'; emailButton.innerHTML = ` <svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm-1.414 2L12 10.586 5.414 6H18.586zM4 18V8.414l7 5.657 7-5.657V18H4z"/> </svg> 이메일 복사 `; emailButton.setAttribute('data-writer-id', writerId); emailButton.addEventListener('click', copyWriterEmail); const blogButton = document.createElement('button'); blogButton.className = 'blog-button'; blogButton.innerHTML = ` <svg class="blog-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 5H4v16h16V9h-2v10H6V7h8z"/> </svg> 블로그 가기 `; blogButton.setAttribute('data-writer-id', writerId); blogButton.addEventListener('click', goToBlog); // 버튼을 담을 컨테이너 추가 const buttonContainer = document.createElement('div'); buttonContainer.className = 'button-container'; buttonContainer.appendChild(button); buttonContainer.appendChild(emailButton); buttonContainer.appendChild(blogButton); nickLevelElement.insertAdjacentElement('afterend', buttonContainer); // 닉네임 수정 const nicknameButton = addedNode.querySelector('.nickname'); const nicknameText = nicknameButton.textContent.trim(); nicknameButton.textContent = `${nicknameText} (${writerId})`; // 스타일 수정 buttonContainer.style.marginLeft = '0px'; nicknameButton.style.marginRight = '0px'; nicknameButton.style.paddingRight = '0px'; } } }); } // 스타일 추가 const style = document.createElement('style'); style.textContent = ` .copy-button, .email-button, .blog-button { display: inline-flex; align-items: center; font-size: 12px; font-weight: bold; padding: 2px 6px; border-radius: 4px; color: #fff; border: none; cursor: pointer; transition: background-color 0.3s; margin: 0 2px; } .copy-button { background-color: #4CAF50; } .copy-button:hover { background-color: #45A049; } .email-button { background-color: #FFC107; } .email-button:hover { background-color: #FFA000; } .blog-button { background-color: #2196F3; } .blog-button:hover { background-color: #1976D2; } .button-container { display: inline-flex; align-items: center; margin-left: 4px; } .copied-text { font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; color: #fff; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 40px; left: 0; right: 0; margin: auto; text-align: center; transition: opacity 0.3s; } .copied-text::before { content: ''; display: block; width: 20px; height: 20px; margin: 0 auto 8px; } .copy-icon, .email-icon, .blog-icon { width: 16px; height: 16px; margin-right: 4px; } `; document.head.appendChild(style); // MutationObserver 설정 const observer = new MutationObserver(observeMutation); observer.observe(document.body, { childList: true, subtree: true }); })();