javascript - 다른 웹사이트의 콘텐츠 일부를 직접 이식하는 방법은 무엇입니까?

Question

문제 설명이 명확하지 않을 수도 있습니다. 예를 들어 SF 전체를 복사하고 싶습니다

이 HMTL을 내 웹사이트에 넣었습니다. SF가 업데이트되면 내 웹사이트도 업데이트되며 계속 클릭할 수 있나요?
아니면 크롤링을 위한 크롤러를 작성하고 직접 조판해야만 구현할 수 있나요?

Answer 1

주체는 프록시 구현을 사용하기를 원하므로 여기서는 NodeJS중간 계층을 프록시로 사용하여 주체의 요구를 충족합니다.

구현 원칙

SF 웹 페이지 콘텐츠를 실시간으로 가져오기 위해 NodeJS 중간 계층을 추가합니다. 프런트 엔드는 Ajax를 사용하여 이 중간 계층을 요청하고 이를 SF HTML 형식으로 프런트 엔드에 반환합니다. 문자열로 변환하고 마지막으로 DOM에 바인딩합니다. 간단히 말하면 서버를 이용해 SF 웹페이지 콘텐츠를 크롤링하고 이를 프론트 엔드에 반환하는 것입니다.

구현 아이디어

ExpressJS 프레임워크를 사용할 수 있습니다. 구체적인 사용법은 공식 문서를 확인하세요.

서버 코드:

으아악

프런트 엔드 코드는 더욱 간단합니다.

으아악

드디어

위 내용은 단지 간단한 구현 아이디어를 제공한 것뿐입니다. 다른 서버 측 언어를 사용하는 경우 이 아이디어를 사용하여 질문자의 요구 사항을 실현할 수도 있습니다.

Answer 2

몇 가지 방법

먼저 jQuery의 로드를 이용하여 id에서 필요한 부분만 선택하면 됩니다

으아악

두 번째, iframe을 사용한 다음 음수 값의 margin-top을 사용하여 상단을 제한하고, height를 사용하여 하단을 제한하고, scrolling="no"를 사용하여 스크롤을 비활성화할 수 있습니다. 이 방법은 중간 부분에 적합합니다.

으아악

세 번째는 iframe을 제거한 후 js를 사용하여 필요한 부분을 제거하는 것입니다. 이는 작은 부분만 필요할 때 적합합니다.

추출 후 숨기기

으아악

필요한 부품을 선택하세요

으아악

참조: https://stackoverflow.com/que...
https://stackoverflow.com/que...

Answer 3

순전히 임베디드인 경우 iframe+CSS/JS 블랙 기술을 사용하여 관련 없는 다른 요소를 제거하고 이것만 표시할 수 있습니다.
자신의 웹사이트에 완전히 작성하고 싶다면 직접 조판해야만 합니다.