jQuery는 '스캔 코드 읽기' function_jquery를 구현합니다.

오늘 "PC에서 URL을 하나씩 입력해서 모바일로 열기가 번거로운데 좋은 방법 없을까요?"라는 주제로 한 사용자가 올린 글을 봤습니다.

지금은 모바일 시대이고 모바일 기기에서 읽는 것이 점차 주류가 될 것이라는 것은 사실입니다. 사용자가 모바일 기기에서 읽을 수 있는 편리한 방법이 없다면 웹사이트는 다소 구식일 것입니다. 고민하다가 "스캔코드 읽기" 기능을 만들었습니다. 사실 매우 간단합니다. URL에서 QR 코드를 생성하기만 하면 됩니다.

PHP를 사용하여 생성하든, JavaScript를 사용하여 생성하든, 코드 변경 측면에서는 JavaScript를 사용하는 것이 더 쉽습니다. 그럼 여기서는 jQuery를 사용해 보겠습니다. 인터넷에 사용할 수 있는 jquery.qrcode.js 확장이 있습니다. 다음과 같이 사용 방법도 매우 간단합니다.

그런 다음 WeChat, Alipay 지갑 등을 사용하여 스캔하고 모바일 브라우저에서 열 수 있습니다. jquery.qrcode.js 작성자님 덕분입니다.

QR코드를 생성하는 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

jquery.qrcode.js는 실제로 jQuery를 사용하여 그래픽 렌더링 및 그리기를 수행하고 캔버스(HTML5) 및 테이블을 지원하며 이것이 가장 효율적입니다. 물론 브라우저는 html5를 지원해야 합니다. 다음과 같이 직접 전화하세요:

코드 복사 코드는 다음과 같습니다.

jQuery('#code').qrcode("http://www.xxx.net/");

브라우저가 HTML5를 지원하지 않거나 이미지 크기를 구성하려는 경우 다음 방법을 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

jQuery("#code").qrcode({
렌더링: "캔버스", //캔버스 또는 테이블 모드
너비: 150, //너비
높이:150, //높이
텍스트: 'http://www.xxx.net/' //콘텐츠
});

이제 블로그의 각 기사 오른쪽에 QR 코드가 생성되어 휴대폰에서 스캔하고 읽을 수 있습니다.