Hướng dẫn tạo Nút Resize thay đổi kích cỡ trang web theo ý muốn

Như title bài viết, mình sẽ hướng dẫn các bạn tạo nút Resize trên thanh bookmark.

Nút Resize là gì?
Nút Resize để thay đổi kích thước trang web bạn muốn thay đổi theo ý muốn của bạn, to nhỏ, độ phân giải bao nhiêu…

Bắt đầu tạo nút Resize trên thanh Bookmark

Resize web design (1)
Mở cửa sổ / tab bookmark của trình duyệt ra, ở đây mình sử dụng trình duyệt chrome.
Resize web design (2)Chuột phải vào khoảng trắng chọn thêm trang

Resize web design (3)Phần tên ta điền tên Resize, còn phần URL ta copy đoạn mã ở dưới vào và Enter.

javascript:void((function(d){if(self!=top||d.getElementById('toolbar')&&d.getElementById('toolbar').getAttribute('data-resizer'))return false;d.write('<!DOCTYPE HTML><html style="opacity:0;"><head><meta charset="utf-8"/></head><body><a data-viewport="320x480" data-icon="mobile">Mobile (e.g. Apple iPhone)</a><a data-viewport="320x568" data-icon="mobile" data-version="5">Apple iPhone 5</a><a data-viewport="600x800" data-icon="small-tablet">Small Tablet</a><a data-viewport="768x1024" data-icon="tablet">Tablet (e.g. Apple iPad 2-3rd, mini)</a><a data-viewport="1280x800" data-icon="notebook">Widescreen</a><a data-viewport="1920×1080" data-icon="tv">HDTV 1080p</a><script src="http://lab.maltewassermann.com/viewport-resizer/resizer.min.js"></script></body></html>')})(document));

Resize web design (4)Như vậy là trên thanh Bookmark của trình duyệt đã có một nút là Resize.

Truy cập vào trang web bạn muốn thay đổi kích thước và Click vào nút Resize vừa tạo ra.

Resize web design (5)Ok, việc còn lại là chọn kích thước bạn muốn thay đổi thôi.

HUONGDANVACHIASE

4 bình luận về “Hướng dẫn tạo Nút Resize thay đổi kích cỡ trang web theo ý muốn”

Viết một bình luận