[Hỏi đáp] bỏ giao diện mobile của fm

Mình cần mặc định với full site thì chèn js ntn

Code:

if(window._userdata && _userdata.page_desktop) window.location = _userdata.page_desktop;

Sẵn cho mình hỏi luôn. Vậy muốn máy tính dùng giao diện mobile của fm thì dùng js gì thế. Xin cám ơn.

Zero wrote:

Code:

if(window._userdata && _userdata.page_desktop) window.location = _userdata.page_desktop;

Ông có thể mặc định size màn hình nhỏ 400px . ai để chế động ngang rộng hơn tý thì 700px ko

tùy loại diện thoại có cái width 320 cái thì 420px @@

script trên chỉ redirect trang mobile qua trang bình thường. Muốn đo màn hình thì dùng css nhá

Code:

@media only screen and (max-width : 420px) {
  /* Styles */
}

muốn dùng riêng cho 320px và 420px thì tách css riêng ra, còn dùng chung thì để số cao nhất, trong trường hợp này là 420px
Tiếp theo dùng thẻ meta viewport với giá trị device-width, device-width có nghĩa là màn hình sẽ resize = với màn hình của smartphone, intial-scale=1 có nghĩa là màn hình của smartphone sẽ tự động zoom in = với resolution của forum. Demo như trang của mình, bạn dùng tool bên dưới rồi chọn iphone, sẽ thấy nó tự động đổi qua cấu trúc khác. Khi viết responsive web design (rwd), tránh sử dụng min-width, position:fixed, high-res background (smartphone processor yếu so với máy tính -> load chậm + lag máy), low quality icons (bị pixelated khi màn bị zoom in), etc...mấy cái nào không muốn nó hiện ra trên giao diện điện thoại thì dùng display:none

Code:

<meta name="viewport" content="width=device-width, initial-scale=1">

markai30 wrote:Sẵn cho mình hỏi luôn. Vậy muốn máy tính dùng giao diện mobile của fm thì dùng js gì thế. Xin cám ơn.

dùng chrome dev tool
https://developer.chrome.com/devtools/docs/device-mode

Cái đoạn css đó t biết rồi . Cố định size được ko ông . Tại bữa t chỉnh size sam sung nó 420px . Xem trên iphone nó chỉ 320px @@ thế lại thừa ra.

Mình dùng đoạn này nó theo màn hình điện thoại . Size góc là 1000 thừa ra 1 khúc ông vẫn kéo qa kéo lại đc

<meta name="viewport" content="width=device-width, initial-scale=1">

dùng

Code:

body {
overflow-x: hidden
}

là hết bị thừa
Đoạn css đó chỉ là nhận dạng size của màn hình. Bạn muốn dùng cho 320px và 420px thì tách nó ra. Cho mấy dòng css cố định size cho 1 phần phần của máy tính vào

Code:

@media only screen
and (min-width : 1224px) {
/* Styles */
}

rồi dùng

Code:


@media only screen
and (max-width : 320px) {
/* Styles */
}
@media only screen
and (max-width : 420px) {
/* Styles */
}


để chỉnh sửa size hoặc vị trí của nó lại. Trang mình chỉ chỉnh width, float, margin, padding...khi màn hình là của iphone.
Đoạn meta là tự động resize cái forum = với cái màn hình của đt và tự zoom vào nó không bị thừa body ra.

Ông đoạn js này if(window._userdata && _userdata.page_desktop) window.location = _userdata.page_desktop;

t dùng js all forum rồi test nó k có chạy :(

bỏ vô $(function () {});chưa

Z có bác nào biết code mobile nào dành cho Java ko ạ

roseila wrote:Z có bác nào biết code mobile nào dành cho Java ko ạ

code cho java là sao?

Em thay verison mobile cua forumvi chi danh cho các loại iOS , Androi , con Java thi ko dc, y em là the day a

Java nó chỉ ẩn css .

Z thi co code do ko bac

roseila wrote:Z thi co code do ko bac

chắc không, mà cũng không cần thiết. Bây giờ người ta toàn xài ios với android...mấy cái android hiện nay cũng = giá mấy cái "smartphone" hồi đó thôi.

Hỏi tý có thể giúp sửa code trên cho chuyển về trang đag xem ko . toàn cho về trang chủ

phutu01 wrote:Hỏi tý có thể giúp sửa code trên cho chuyển về trang đag xem ko . toàn cho về trang chủ

Cái _userdata.page_desktop của fm nó encode nguyên cái luôn nên cái &redirect thành &amp;redirect vì vậy cái parametter redirect ko hoạt động

Code:

if(window._userdata && _userdata.page_desktop) location.href = '/index.forum?mobile&redirect='+encodeURI(location.pathname.replace("/", ""))

hoặc

Code:

if(window._userdata && _userdata.page_desktop) location.href = _userdata.page_desktop.replace('&', '&');