1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

how we can check my responsive website is compatible with all devices.

Discussion in 'HTML & Website Design' started by Edtech, May 22, 2017.

  1. #1
    I have designed a responsive website but i have not latest electronic devices. So any body can suggest me free online tool where i can test my website with on different devices.
     
    Edtech, May 22, 2017 IP
  2. ahmedsheeraz

    ahmedsheeraz Active Member

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    56
    #2
    Try Google Mobile Friendly Test, just google it. It will ensure your website will be mobile friendly on all devices.
     
    ahmedsheeraz, May 22, 2017 IP
  3. MrKing01

    MrKing01 Active Member

    Messages:
    489
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    60
    #3
    You could use http://quirktools.com/screenfly/

    It shows how your website will look in desktop mode, tablet mode, mobile mode and television mode. There are different devices that you can choose between.
     
    MrKing01, Aug 9, 2017 IP
  4. badger_

    badger_ Greenhorn

    Messages:
    52
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    20
    #4
    I use Responsive Design Mode included in Firefox. You can launch it pressing Ctrl + Shift + M
     
    badger_, Aug 9, 2017 IP
  5. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #5
    Or Command + Option + M if you're on a Mac... ;)
     
    PoPSiCLe, Aug 10, 2017 IP
  6. alfieindesigns

    alfieindesigns Well-Known Member

    Messages:
    128
    Likes Received:
    5
    Best Answers:
    2
    Trophy Points:
    130
    #6
    alfieindesigns, Aug 10, 2017 IP
    deathshadow likes this.
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #7
    Which is also available under my daily driver -- Vivaldi.

    It also helps to test iOS devices properly, and whist it's a legal grey area if you are on windows or linux you can install the beta of the upcoming High Sierra release of OSX fairly easily in VMWare or Oracle VirtualBox, (google it) and then install xCode. Or if you're already on OSX, just install xCode.

    Whilst normally meant for writing OSX and iOS applications, xCode comes with a ARM emulator and a install of iOS that will let you configure it to behave like a myriad of different Apple iOS devices, giving you a "real world" 1:1 example of what Safari in those environments will do.

    It's a pretty hefty download all said and done (xCode itself is twice the size of the bloody OS), but it's a pretty important one if high compatibility is a must-have. Device emulation of Android browsers under Blink based (chrome, chromium, Opera, Vivaldi) browsers is pretty spot on (since it's the same browser engine) but on the Mac side Safari is aging like milk, so it helps to have a proper testing environment for that.

    Again in testing I generally have a slew of VM's installed in virtualbox for a wide variety of OS and browser combinations, because my specialty is making sure sites I'm brought in to fix aren't violating accessibility guidelines, rules, laws, or anything else that could cause legal problems for the type of clients I do work for. (banks, government organizations, public utilities, and the like)
     
    Last edited: Aug 10, 2017
    deathshadow, Aug 10, 2017 IP
  8. AHJ

    AHJ Member

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #8
    You can try ready .mobi for this.
     
    AHJ, Sep 20, 2017 IP
  9. ahmedsheeraz

    ahmedsheeraz Active Member

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    56
    #9
    I have written a detailed article collecting 10 tools with different approaches to test a responsive website. It's always best to check with different services instead of relying on only one.

    See here: http://learningcms.com/responsive-website-testing/
     
    ahmedsheeraz, Sep 20, 2017 IP
  10. Arun Kumar Soni

    Arun Kumar Soni Well-Known Member

    Messages:
    271
    Likes Received:
    16
    Best Answers:
    2
    Trophy Points:
    115
    #10
    Best thing is to search on the Google check "Mobile Friendly Test" you discover lots of free tools from where you can discover more about your website responsiveness.
     
    Arun Kumar Soni, Sep 24, 2017 IP
  11. samy256

    samy256 Active Member

    Messages:
    80
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    78
    Articles:
    1
    #11
    Hi there , you can try "intel XDK " software , this will help You test your website on different platforms like;
    ios, android and Windows, as well as different devices in each category.
    Tip, be sure to download the latest version of "Intel XDK "
     
    samy256, Oct 19, 2017 IP
  12. Blue Star Ent.

    Blue Star Ent. Well-Known Member

    Messages:
    1,989
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    160
  13. Arun Kumar Soni

    Arun Kumar Soni Well-Known Member

    Messages:
    271
    Likes Received:
    16
    Best Answers:
    2
    Trophy Points:
    115
    #13
    Best Process - Manually You can check your website in Different devices.
     
    Arun Kumar Soni, Oct 19, 2017 IP
  14. Ciprian Bitter

    Ciprian Bitter Greenhorn

    Messages:
    37
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    10
    #14
    Fastest way actually
     
    Ciprian Bitter, Oct 23, 2017 IP
  15. David Morrison

    David Morrison Active Member

    Messages:
    230
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    53
    Digital Goods:
    1
    #15
    Try browsershots.
     
    David Morrison, Nov 5, 2017 IP
  16. blueink02

    blueink02 Member

    Messages:
    77
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    43
    #16
    You can use this tool - Responsive web design testing tool http://mattkersley.com/responsive/
     
    blueink02, May 12, 2018 IP
  17. gutterboy

    gutterboy Member

    Messages:
    33
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    28
    #17
    The best tools for this are paid, however they both have free trials, those being:

    BrowserStack (best IMO)
    SauceLabs
     
    gutterboy, May 14, 2018 IP
  18. mmerlinn

    mmerlinn Prominent Member

    Messages:
    3,197
    Likes Received:
    818
    Best Answers:
    7
    Trophy Points:
    320
    #18
    Posting crap like this wastes everyone's time and money:

    And is most EXPENSIVE since the OP stated:

    What part of free online don't you losers understand?
     
    mmerlinn, Jun 2, 2018 IP
    kk5st likes this.