스크린샷이 필요할때?
정밀한 스크린샷 말고 ... 정말 간단하게 페이지의 스크린샷 또는 스냅샷이 필요할 경우
구글 runpagespeed API 를 이용해 보세요.
장점
1.유료 모듈이 아니며 어떠한 클래스 설치가 없이도 사용 가능 합니다.
2.스냅샷이 가능 합니다.
3.키 발급이 필요 없기 때문에 쉽게 사용 가능 합니다.
단점
1.스크린샷 이미지의 너비는 320px 고정입니다.
2.고해상도 스냅샷에는 적합하지 않습니다.
3.Falsh 또는 Java 와 같은 플러그인들은 작동하지 않습니다.
4.복잡한 Javascript 는 거의 작동하지 않습니다.
5.구글을 통해서 스크린샷을 구성하기 때문에 다소 느립니다.
페이지 전체를 캡쳐 할 수 있도록 다음버젼에서 제공되면 느려도 사용할 가치가 충분하다고 봅니다.
<?PHP
$API_URL = "https://www.googleapis.com/pagespeedonline/v4/runPagespeed?";
$SITE_URL = "https://www.naver.com";
$FILTER_THIRD_PARTY_RESOURCES = ""; //default:false
$LOCALE = ""; //default:false
$RULE = ""; //default:false
$SCREENSHOT = "true"; //default:false
$SNAPSHOTS = "true"; //default:false
$STRATEGY = "mobile"; //default:desktop or mobile
$UTM_CAMPAIGN = "";
$UTM_SOURCE = "";
$GOOGLE_PAGESPEED_URL = $API_URL."url=".$SITE_URL."&screenshot=".$SCREENSHOT."&snapshots=$SNAPSHOTS"."&strategy=$STRATEGY";
$googlePagespeedData = file_get_contents($GOOGLE_PAGESPEED_URL); //구글 API 호출
$googlePagespeedData = json_decode($googlePagespeedData, true); //디코드
/*스냅샷 코드 시작*/
foreach( $googlePagespeedData['snapshots'] as $key => $value ) //스냅샷 수만큼 확인하기
{
$screenshot = $value['data'];
$screenshot = str_replace(array('_','-'),array('/','+'),$screenshot);
echo "<img src=\"data:image/jpeg;base64,".$screenshot."\" /> <hr>";
}
/*스냅샷 코드 종료*/
/*스크린샷 코드 시작*/
$screenshot = $googlePagespeedData['screenshot']['data'];
$screenshot = str_replace(array('_','-'),array('/','+'),$screenshot);
$screenshot64 = str_replace('data:image/jpeg;base64,', '', $screenshot);
$screenshot64 = str_replace(' ', '+', $screenshot64);
echo "<img src=\"data:image/jpeg;base64,".$screenshot."\" />";
/*스크린샷 코드 종료*/
file_put_contents('file.jpg', base64_decode($screenshot64)); //스크린샷 내용을 파일러 저장하기!!
?>
게시글 목록
| 번호 | 제목 |
|---|---|
| 17819 |
JavaScript
당신이 알아야 할 자바스크립트의 강력한 7가지 팁
3
|
| 17818 |
JavaScript
자바스크립트 코드를 더 깔끔하고 보기 좋게 작성하는 팁
1
|
| 17817 |
PHP
chatgtp
|
| 17816 |
JavaScript
textarea 자동 높이 설정하기.
1
|
| 17814 | |
| 17811 |
JavaScript
자바스크립트 플래이그라운드 - RUNJS
|
| 17810 | |
| 17809 | |
| 17808 |
JavaScript
16진수 색상코드 확인함수
|
| 17803 | |
| 17799 | |
| 17798 | |
| 17797 |
JavaScript
동영상파일 썸네일 만들기
8
|
| 17795 |
JavaScript
div태그의 사이즈가 변경되는 이벤트를 처리하기
|
| 17794 |
JavaScript
초->hh:mm:ss로 변환하는 함수
1
|
| 17793 |
JavaScript
JSON Beautify
|
| 17790 |
PHP
JSONP실례
|
| 17789 | |
| 17786 |
JavaScript
ThreeJS로 3디지구에 포인트 찍고 정보 현시기능
|
| 17774 | |
| 17760 | |
| 17755 | |
| 17750 | |
| 17729 | |
| 17722 | |
| 17714 | |
| 17708 | |
| 17686 | |
| 17676 |
JavaScript
유튜브 풀화면 묵음배경 예제
9
|
| 17666 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기