ACO · 북마크릿
북마크릿 설치
아무 상품 페이지에서 클릭 한 번으로 현재 렌더링된 HTML을 그대로 진단합니다. 네이버 스마트스토어, Amazon(US/JP), 라쿠텐 상품 페이지를 지원합니다.
🛒 ACO 진단
상세 이미지 속 텍스트(성분·영양·스펙)까지 읽습니다. 느리고 비용이 더 듭니다.
위 버튼을 북마크바로 드래그하세요. 드래그가 안 되면 아래 수동 설치를 쓰세요. 체크박스를 바꾸면 북마크릿도 즉시 갱신됩니다.
설치
- 브라우저 북마크바를 켭니다. (Chrome/Edge:
Ctrl/⌘ + Shift + B) - 위 “🛒 ACO 진단” 버튼을 북마크바로 끌어다 놓습니다.
- 진단할 상품 페이지에서 그 북마크를 클릭하면 결과 탭이 새로 열립니다.
드래그가 안 될 때: 수동 설치
북마크를 하나 새로 만들고, URL(주소) 칸에 아래 코드를 붙여넣으세요.
사용법 (사이트별)
| 사이트 | 진단 대상 페이지 | 팁 |
|---|---|---|
| 네이버 스마트스토어 | 상품 상세 페이지 | 클릭하면 자동으로 끝까지 스크롤해 지연로딩 이미지·상세까지 캡처합니다 (~4초) |
| Amazon.com | 상품(Buy) 페이지 | 자동 스크롤이 “Product information / A+” 영역까지 로드합니다 |
| Amazon.co.jp | 상품 페이지 | 언어(로케일)는 자동으로 jp |
| Rakuten (rakuten.co.jp) | 상품 페이지 | 탭형 상세는 열어둔 상태로 클릭 |
클릭 후 페이지가 잠깐 아래로 스크롤됐다 돌아오는 것은 정상입니다(지연로딩 이미지 로드). 이미지 속 텍스트(영양표·성분·스펙)는 세로 조각으로 나눠 읽어 하단 정보까지 놓치지 않습니다.
시장(언어)은 도메인으로 자동 판별됩니다:
amazon.co.jp·rakuten.co.jp → 일본어, amazon.com → 영어, 그 외(네이버 등) → 한국어. 결과 화면 상단 로케일에서 바꿀 수 있습니다.동작 방식
북마크릿은 현재 탭의 완성된 DOM(
outerHTML)을 캡처해, 이 진단 앱을 새 탭으로 열고 postMessage로 전달합니다. 실제 백엔드 호출은 앱 내부(same-origin)에서 일어나므로, 쇼핑몰(HTTPS)에서 백엔드(HTTP)로 직접 요청할 때 생기는 혼합 콘텐츠·CSP 차단 문제가 없습니다. 페이지 데이터는 진단 목적으로만 전송됩니다.