nghuuphuoc/responsivetest

Test responsive layout, powered by AngularJS and Bootstrap 3. If this tool is useful to you, please Star it.

responsivetest's Issues

#iframe Width instead of 800 815

Hi,
thanks for your nice tool. I am trying to test a webpage on this and I discovered a problem, which may need a solution:

OK:
In my stylesheet I have defined media @media screen and (max-width: 800px)
So I assume, these styles are executed, when I select the Tablet-Size of 800px in responsivetest. But they havent been executed.

I had a look into the tool and saw, that the div#iframe, in which the Iframe is shown is not 800px but 815px.

Via console, I found out that div#iframe.innerWidth is 813px. And also the #iframe > iframe has 813px.

I thought, maybe this is, because you add the scrollbar to the size or something, but anyway, my styles max-width:800px doesnt work.
I tested in Firefox and Chrome.

First time, I post on github. I hope, this is the right location for reporting this issue. Maybe I am doing something wrong, but I don't understand this.

Thanks a lot.

Cannot move the mouse out of the iframe after resizing the iframe

Once I resize the iframe, it will be resized whenever moving the mouse. So I cannot move the mouse of of the iframe to do other tasks such as choose other device, change the URL, etc.

Hide the ruler when move the mouse over frame

So user can click on the top menu if there is

Does not work if the input URL doesn't begin with http://

Upgrade AngularJS to v1.2.1

Upgrade Bootstrap to v3.0.2

Add Font Awesome to list of used libraries

Font Awesome homepage

Add Grunt build script

Upgrade Font Awesome to v4.0.3

Set the Ajax loading indicator at the center of screen

Since we use Bootstrap 3, use col-lg-6 col-lg-offset-3 instead of col-lg-6 col-offset-3

Typo in Project Description

Project's description ends with: "please Star_t_ it" which should be spelled "Please Star it". Minor detail, but if it were me I'd still want to know.

URLs like *.dev is not opening

I'm trying use responsivetest with a local url (http://supertestes.dev).

I'm using a local server (started with python -m SimpleHTTPServer 10000), my url is: http://localhost:10000/#u=http://supertestes.dev/|1024|768|1

Is there some problem with local address?

Use Angular's $location instead of window.location

Add screenshot capture feature

Use angular.element() instead of $

Upgrade Font Awesome to v4.0

Please notice that this Font Awesome version removes IE 7 support

Icons missing

Hi guys,

First of all thank you so much for this product. It is exactly what i've been looking for :)

I've downloaded the app and installed it using IIS. So I have a directory setup under inetpub etc. Then I created a an application under my default web site.

Problem is, my icons which allow me to change the device isn't showing up. I can change the screen dimensions using the x/y text boxes, but the other buttons just isn't showing :/

I've included a screenshot so you can see what I mean.

Broken README link

Am I the only one getting this error?

ResponsiveTest bookmarklet

Consider adding screenshot feature again?

Look at http://url-cap.com

Loading indicator remains for SPA

When you initially load a url like http://responsivetest.net/#u=scrumpoker.online/#/session/63|845|898|1 that uses Angular HashTag routing it works fine. But when I then use the text box to enter different sessions ids like 62 or 64 the white overlay appears and won't go away even if the page was succesfully loaded in the background.

Add Samsung S5, S6, S7 models into /data/devices.json ?

Fix the width of device sub-menu

Add social buttons to the top

Not Loading certain URLs

I try to access yahoo.com on http://responsivetest.net/#u=yahoo.com|1024|768|1 and it doesn't load the page - do you know why that might be happening.

Same for united.com - http://responsivetest.net/#u=united.com|1024|768|1

Use Font Awesome spin loading icon

Upgrade AngularJS from 1.0.7 to 1.0.8

Add about dialog

Update the location hash when any one of URL, width, height are changed

Devices not in inch but in px

In the devices menu there are measurements in inches (e.g. iPhone 3.5", iPhone 4"). This doesn't say anything to people who use the metric system or don't know the mobile phone types.

I would suggest to put the resolution there, so you'll have an idea what you're actually going to see when you press the link.

Cannot see the device menu item if the menu is too height

Add loading indicator while the iframe is loading

Width and Device-Width

You are calculating only the (physical) Width of the supported devices.
What is by far more interesting is the device-width.

For example: Iphone 4+ has a screen width of 640px but 200% pixel density. So the real device-width is just 320px;

This table is very usefull: http://screensiz.es/

Add device brand's logo

The nav bar position is changed when showing the About modal

Add compresed version