웹 사이트에서 반응 형 디자인을 확인할 수있는 클래스 / 스크립트 / 가능성이 있습니까? 다음과 같을 수 있습니다.
if (is_responsive('http://www.site.tld')) {
echo 'is responsive';
}
else {
echo 'is not responsive';
}
어떤 아이디어?
이를 수행하는 두 가지 가능한 * 방법이 있습니다.
JavaScript를 사용하여 CSS에 미디어 쿼리가 있는지 감지 한 다음 Ajax를 사용하여 PHP에 true / false 변수를 보낼 수 있습니다.
서버 측 언어를 사용하여 CSS 파일을 읽고 RegEx를 사용하여 파일의 미디어 쿼리를 검색 할 수도 있습니다.
이러한 방법은 작동이 보장되지 않으며이를 수행하는 "표준", "안전"또는 "비해 키"방법이 없습니다. 또한 미디어 쿼리를 직접 처리하기 위해 서버 측 기술을 사용할 수 없습니다 .
@media
규칙 을 일치시키는 데 사용할 수있는 RegEx 는 다음 과 같습니다.
^\@media\s(.*?)\{$
^ = 문자열 시작 위치를 지정합니다.
\ @ = 문자와 일치합니다. @ 문자 그대로
media = 문자와 일치합니다. media = 문자와 일치합니다.
\ s = 공백 문자 [\ r \ n \ t \ f]
. *? = 모든 문자와 일치 (개행 제외)
{= 문자와 일치 {문자 그대로
$ = 문자열 끝의 위치 주장
\@media\s(.*?)\{
\ @ = 문자 그대로 @ 문자
와 일치 media = 문자 그대로 media 문자와 일치
\ s = 공백 문자 [\ r \ n \ t \ f]
. *? = 모든 문자와 일치 (개행 제외)
{= 문자와 일치 {문자 그대로
i
또한를 사용하여 RegEx의 대소 문자를 구분하지 않도록 할 수 있습니다 ( i
[a-zA-Z] 의 대소 문자 만 무시).
@media
RegEx를 사용하여 규칙 을 검색하는 네 가지 가능한 방법은 다음과 같습니다 .
/^\@media\s(.*?)\{$/
/^\@media\s(.*?)\{$/i
/\@media\s(.*?)\{/
/\@media\s(.*?)\{/i
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다