FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 17 users online :: 0 Registered, 0 Hidden and 17 Guests

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

How to emulate the mobile version

View previous topic View next topic Go down

Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 21 Dec 2014, 19:30

I'll list below a number of ways to emulate the mobile version on your Computer.

Shortcut :


Firefox
Firefox currently lacks an easy way to spoof your useragent, but it's still possible. First enter the following into your address bar and click enter.
Code:
about:config

It may ask you to confirm, if so, click "ok". Now search general.useragent, and in the blank area below right click, go to new, and choose string.
How to emulate the mobile version Scr10

In the first prompt input the following and click OK.
Code:
general.useragent.override
How to emulate the mobile version Scr11

In the second prompt input a new useragent. The one I provide below is for a mobile browser, you can find more here. Click OK when you're done.
Code:
Mozilla/5.0 (Linux; U; Android 2.3; en-us) AppleWebKit/999+ (KHTML, like Gecko) Safari/999.9
How to emulate the mobile version Scr12

Go to a Forumotion forum and you should now see the mobile version. You can use your devtools (F12), or wrench from the omnibox to inspect the elements and make modifications.
How to emulate the mobile version Screen14

To revert back to your normal useragent follow the same steps, except right click on general.useragent.override and click reset.
How to emulate the mobile version Scr13


Chrome
For Google Chrome press F12, or go to Omnibox > More tools > Developer tools

Click the phone to toggle device mode.
How to emulate the mobile version Src10

Go to Device and choose a mobile device from the drop down such as the iPhone.
How to emulate the mobile version Scr14

Once selected, reload the page and you should now see the mobile version.
How to emulate the mobile version Scr15

To revert back to your default useragent, simply toggle device mode from the tools and reload the page.


Internet Explorer
For Internet Explorer press F12, or go to Tools > Developer tools

Go to Emulation, and under browser profile choose Windows Phone.
How to emulate the mobile version Scr16

After that you should be met with the mobile version. Note that you may need to change the resolution, because it can be a bit glitchy.
How to emulate the mobile version Scr17

To exit the emulation either change back to desktop, or close the devtools.


Safari
To emulate the mobile version for Safari make sure the develop menu is shown in the menu bar. To do that, go to Settings > Preferences :
How to emulate the mobile version Scr110

Go to the Advanced tab and tick "Show develop menu in menu bar" :
How to emulate the mobile version Scr210

Next go to Page > Develop > User Agent and pick a mobile device from the selection, such as the iPhone.
How to emulate the mobile version Scr310

After that, the page will reload to display the mobile version. To revert back to your default User Agent, follow the previous steps, but choose "Default" from the useragent selection.


Opera
Opera is pretty much the same as Chrome. To change your useragent, right click and choose inspect element from the context menu.

How to emulate the mobile version Scr10

Next follow these 3 easy steps :
1. Click the "toggle device mode" button
2. Choose a mobile device from the device dropdown
3. Reload the page

How to emulate the mobile version Scr11

After this, you will see the mobile version of your website. To undo these changes, simply toggle device mode or close the devtools, and reload the page.

How to emulate the mobile version Captur29


Notice
Tutorial written by Ange Tuteur.
Reproduction not permitted without consent from the author.


Last edited by Ange Tuteur on Tue 15 Mar 2016, 06:23; edited 3 times in total
Michael_vx
Michael_vx

Gender : Male
Age : 32
Posts : 302
Points : 4066
Reputation : 76
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx Mon 29 Dec 2014, 02:40

Very Happy
i did not understand all but
looks good idea
the most thing i do not understand is
the goal of changing to the mobile view
Very Happy
thanks again
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 29 Dec 2014, 15:36

Thanks.

It's useful if you want to :

  • Preview style changes
  • Debug any scripts that cause errors on mobile
  • Get classes to style the mobile version
Michael_vx
Michael_vx

Gender : Male
Age : 32
Posts : 302
Points : 4066
Reputation : 76
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx Tue 30 Dec 2014, 04:01

i see Smile
thanks a lot for that great idea
one more thing is this will make all sites work as mobile view ?
thanks again and Merry Christmas
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 30 Dec 2014, 10:55

Yes, it'll also make other sites that have a mobile version show it. Wink

Happy holidays.
Michael_vx
Michael_vx

Gender : Male
Age : 32
Posts : 302
Points : 4066
Reputation : 76
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx Wed 31 Dec 2014, 09:52

wow
i wish i have 1% of your skills Very Happy
is this trick possible for Safari
you are amazing Smile
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 31 Dec 2014, 18:20

I'm not sure as I've never used Safari.
Michael_vx
Michael_vx

Gender : Male
Age : 32
Posts : 302
Points : 4066
Reputation : 76
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx Thu 01 Jan 2015, 03:20

http://support.apple.com/kb/DL1531
this is the link to Safari
i like to use that one cuz its cool while internet speed down Very Happy
its the only version for PC
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 02 Jan 2015, 01:47

Thanks, sorry I was busy working on this yesterday. drunken

Safari is pretty simple actually.

Go to Settings ( cog icon ) > Preferences > Advanced and enabled "Show develop menu in menu bar"

Go to Page settings ( page icon ) > Develop > Useragent and choose "Safari iOS - IPhone"
Michael_vx
Michael_vx

Gender : Male
Age : 32
Posts : 302
Points : 4066
Reputation : 76
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx Sat 03 Jan 2015, 03:26

confused 
you dont have to apologize Very Happy
i know your busy coding a lot of things also thanks for the help
i did not thought it would be that easy Very Happy
also as soon as you free look at this topic
http://help.forumotion.com/t137975-problem-with-title-of-watched-topics-in-notifications
i wonder how i should thank you
you are my savior Smile
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 03 Jan 2015, 14:33

You're welcome Smile

I'll have to add it to the list when I get the chance.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 07 Jan 2015, 13:12

Added Safari to the list.
Ikerepc
Ikerepc

Gender : Male
Age : 26
Posts : 170
Points : 4122
Reputation : 48
Location : Croatia
Language : English || Croatian
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
https://twitter.com/ikerepc

PostIkerepc Sun 18 Jan 2015, 08:40

Thanks Ange. Works perfect for Firefox, can you please add for Opera if you find and if it's possible on it?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 18 Jan 2015, 10:00

Ikerepc wrote:Thanks Ange. Works perfect for Firefox, can you please add for Opera if you find and if it's possible on it?
I'll have to download Opera and check it out. It should most likely, but I can't confirm since I've never used it before. When I get the change I will check it. Wink
Ikerepc
Ikerepc

Gender : Male
Age : 26
Posts : 170
Points : 4122
Reputation : 48
Location : Croatia
Language : English || Croatian
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
https://twitter.com/ikerepc

PostIkerepc Sun 18 Jan 2015, 10:30

Ok, thanks
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 19 Jan 2015, 12:04

@Ikerepc,

I added Opera to the list. In case you didn't know, you can also open the developer tools by pressing CTRL + SHIFT + I on windows. Mr. Green
Ikerepc
Ikerepc

Gender : Male
Age : 26
Posts : 170
Points : 4122
Reputation : 48
Location : Croatia
Language : English || Croatian
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
https://twitter.com/ikerepc

PostIkerepc Mon 19 Jan 2015, 12:46

I know that, same like Firefox but Firefox is better a lot.

Thanks

WOW, that was so easy, I need just click at button with mobile lol
I feel soo stupid now, I tryed everything except it Smile
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum