responsively-org / responsively-app Goto Github PK

I'm not exactly sure what's going wrong, but I think there's an issue with syncing the scroll for full-page screenshots.

Here's with 4 portrait devices: iphone 6/7/8 plus, iphone x, ipad, laptop. Browsing https://www.freedomhot.com

The laptop one has duplicated parts of the screen (probably because it already reached the bottom of the page?)

Localhost - iPad - 2020-25-5 at 9 55 05 PM
Localhost - Laptop - 2020-25-5 at 9 55 05 PM

When I add a kindle fire hdx to the list (actually the "laptop" crashed during screenshot. But closing it and relaunching)... the kindle fire hdx is now OK, but both the ipad and laptop are messed up.

Freedomhot - Laptop - 2020-25-5 at 9 59 28 PM
Freedomhot - iPad - 2020-25-5 at 9 59 28 PM
Freedomhot - Kindle Fire HDX - 2020-25-5 at 9 59 28 PM

I made sure I started the scrolls all the way on top, no funny interactions to change the state.

For development mode, I set up that alt-click on a button would fill some data in, for validation to see the next step.
I see that it only works in the screen I clicked in.

I guess it's copying the click, but not any modifiers - alt, meta, ctrl, etc.

When doing client side navigation, the whole page refreshes for all the devices.

Am I missing anything? Any way to get around this?

For example if you are in example.com and you click on a link who go to example.com#example all device reload the page. If #example is added by javascript it's the same issue.

Thanks for this tool.

Add the emulation parameters correctly for the devices with touchscreen capability to support touch events like tap, swipe etc. Right now only mouse events are supported by all devices.

When an instance of responsively-app is running it's no longer possible to use ctrl+r shortcut for other applications. Is it a bug or intended behavior?

Provide option for the following:

1. Turn network offline.
2. Throttle network speed.
3. Clear network cache.

Description

When adding a new device, after filling out the device info and clicking "Add", all devices from the Inactive Devices column are immediately moved to Active Devices column. The new device is not actually created. Furthermore, when I drag-and-drop the devices back to the Inactive Devices column, the device card disappears. The behavior from the home screen accurately reflects what devices are in the Active Devices column, but the Inactive Devices column remains empty until restarting the program.

App Details

Responsively version 0.1.5
MacOS 10.15.4

Steps to Reproduce

1. In sidebar, under DEVICES, click CUSTOMIZE
2. From Manage Devices screen, click + NEW DEVICE
3. Add device information (seemingly any combination of information and options selected yield the same results)
4. Click ADD - this will move all device cards from Inactive to Active and new device is not created
5. Click and Drag any device card from Active column to Inactive column and they disappear.

When I select a HD resolution, this isn't added (or created) and all the devices are selected automatically.

Where is the screenshot save location?

latest-linux.yml contains the sha512 checksum of AppImage 0.1.3 instead of 0.1.4

By the way very useful project! thank you very much for your effort.

I tried using the app on our development site, but as soon as I get to our login page and text inputs are needed I have to do it for every browser.

It would be good to have a synchronized text input.

Great tool, but when I try it the CSS media query is not showing but on "real" browsers it is showing

@media only screen and (device-height: 1024px) and (device-width: 768px) and (orientation: portrait) {
}

Is it related to orientation: portrait ?
Is this known issue?

How can I get to settings to be able to disable certificate verification for local certs?

https://www.virustotal.com/gui/file/3d30c93726eb92a087b9cb7086afadb0d27239e61cb99450344d0ae24c84e591/detection

In the Chrome dev tool, there is a mode that lets you freely resize your viewport

I downloaded the release ResponsivelyApp-Setup-0.1.4.exe and when I executed the app, Windows Defender triggered an action. I'm sure that your project is not a 'malware' or something like that, but I think is important make a patch for this issue.

UI for inspiration - https://dribbble.com/shots/2563576-Shortcuts-popup-in-Targetprocess

this appears when downloading the last .exe from Releases section

Can you prevent it if this is not a virus?

Hello there, first of all – thank You for the app, it's so good)

I just wanted to suggest to add those kind's of keyboard hotkeys and shortcuts, which we all are used to, like: Opt + Command + I for "Inspect Element"; "Zoom in/out" with Command + +/-; etc.

Thank You.

Great tool! I've installed and attempted to get it working on a project.

I'm having an issue where, if I log in to my app, there is an additional navigation event and the local storage appears to be getting cleared. Am I missing something about the intended usage or perhaps setup for development? I would love to use this app, but it's currently unusable because I cannot persist a login status.

Thanks for your time!

First, thank you for sharing this project with us!

Could you please add an explicit LICENSE file to the repo so that it's clear
under what terms the content is provided, and under what terms user
contributions are licensed?

Per GitHub docs on licensing:

[...] without a license, the default copyright laws apply, meaning that you
retain all rights to your source code and no one may reproduce, distribute,
or create derivative works from your work. If you're creating an open source
project, we strongly encourage you to include an open source license.

Thanks!

Latest release contains a virus, and is triggering alerts on Windows 10.

Maybe this is understandable but it would be a nicee to hhave, at 10% I can see all viewports/devices in one quick view

First: "Responsively" is a great idea.

Issue: Normal desktop scrollbars are also on non-desktop devices

@manojVivek Thanks for Making this man! 🎉

Well done bruv!

Navigate to this web site:

https://www.invisiblesolutionslenses.com

Click "Lenses" in top navigation.

Click "Sign Up or Log In" button.

Click "Sign in with Google".

Can't sign in. Either page keeps re-drawing, or Google complains that the browser is not secure.

I'm trying to add a new device but it doesn't get added. Also, if "Activate Preview" is checked, all the inactive devices are activated and I have to drag them all out to deactivate them.

If responsively is opened and not a active window, CTRL + R does not work on other active applications.
Had my bash opened and was trying reverse search using CTRL + R. Reverse search was not triggered, On closing responsively, it worked. Looks like reloading in this issue is causing the issue

1. Right now, new devices cannot be added to the in-active list, fix the bug.
2. Refactor the device schema to support additional functionalities.
3. Add search functionality to filter the devices in the in-active list.
4. Add an option to delete the device added by the user.

In Chrome I can do a full refresh with CTRL+SHIFT+r
It would very useful to have that available in the app as well, or pls let me know if I'm just not able to find the same functionality.
Currently I can't test CSS changes because the app just keeps the cached CSS.

Adding a CSS scroll-behavior: smooth on the HTML tag would make the website to scroll smoothy when the Nav links are clicked.

First of all: this app is a must have for web development. Great work!

In Chrome I've got an extension called: CSS Reloader. This extension "will allow developers to reload CSS without reloading the page itself." I can set a hotkey (^(control) + R in my case for Mac) and the CSS will be retrieved and reloaded again without reloading the full page. This is way faster for me in a lot of cases then reloading the whole page. Is there a way to create this kind of feature for responsively? Would be great!

Quick search; I guess this is the git repo for the extension: https://github.com/auchenberg/css-reloader

Firstly, great app! thanks!
It would be great, especially when developing a website, that when the error ERR_CERT_AUTHORITY_INVALID is received, it can be ignored (optionally) as it can be done in Chrome

Hi, you could make a choco package using Chocolatey to improve Windows installation and upgrading process.

https://chocolatey.org/docs/create-packages

What's the issue?

When testing my pen for responsiveness using you app. I came across a bug in which if I accidently edit the pen in any window. Then that window will stop refreshing. Until app is restarted.

Expected behaviour?

All windows should be in sync. If a window is recieving input then either input should be in sync too or atleast windows location/url should be in sync.

Steps to reproduce.

1. Open https://codepen.io/akashraj9828/full/eYpPEQq link in the app
2. Change anything on any window (eg. modify html on one window)
3. Try to navigate to another url or anything
4. The changed window will be stuck forever and wont update at all untill app restart.

How to solve?

What's happening is simply when we try to navigate away from an page that's recieving input. Browser Fires an alert which stops the flow until user makes its choice. But we cant see alerts in this application so that window is stuck there forever.

Solution: Ignore any alerts by browser and force sync b/w all the windows.

When I want to add a new device, it is not added, plus it moves all inactive devices to the active devices column.
I'm working on macOs

primary driver: there is no way I can see in which version the app is currently installed ?

possible additional infos in this menu could be

• version of the app
• link to the website
• link to the github repo
• link to the docs
• credits for the author