정밀한 스크린샷 말고 ... 정말 간단하게 페이지의 스크린샷 또는 스냅샷이 필요할 경우
구글 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)); //스크린샷 내용을 파일러 저장하기!!
?>
게시글 목록
| 번호 | 제목 |
|---|---|
| 16429 |
기타
html 색상표
1
|
| 16424 | |
| 16423 |
node.js
NODE_JS + Nunjucks 설정
|
| 16412 |
PHP
한글 초성 추출하기
10
|
| 16408 | |
| 16407 |
JavaScript
input text 에 여러 이벤트 걸기 두기.
1
|
| 16401 | |
| 16395 |
JavaScript
Javascript를 최적화하는 13가지 팁
4
|
| 16394 |
JavaScript
URL이 올바른지 체크
2
|
| 16391 |
JavaScript
IE, Edge 브라우저에서는 해당 사이트가 접속이 안되게 하는 코드
2
|
| 16390 |
JavaScript
구글 맵 독도 표기 되도록.
|
| 16389 | |
| 16387 | |
| 16386 |
JavaScript
js playground
|
| 16382 |
JavaScript
javascript에서 php를 호출하여 내용 변경하기
|
| 16381 | |
| 16377 | |
| 16374 | |
| 16372 | |
| 16356 |
기타
기시판 질문입니다.
6
|
| 16355 |
정규표현식
정규식 테스트 연습 편하게
2
|
| 16354 |
정규표현식
제목에 특수문자 정리하는 정규식
2
|
| 16353 | |
| 16347 | |
| 16346 | |
| 16339 | |
| 16338 |
jQuery
체크박스 시프트(shift) 멀티선택
|
| 16332 |
node.js
Node.js MongoDB Drop
1
|
| 16331 |
node.js
여러 데이터 삭제
1
|
| 16330 |
node.js
Node.js MongoDB 삭제
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기