I would like to test a webpage in multiple browsers, in my local machine. I see that most of the online services provide screenshots, but I cant really see what happens when i click a link on the webpage.
Are there any software where i can see how the webpage is actually functioning on user events like click etc.?
The only tool I known is Selenium
hope it helps!
Related
A few weeks ago I remember visited this website https://stitches.dev/ and I be watch in the network tab in dev tools specifically the document and I was able to see all the colors and styles applied correctly to the website but now I'm not able to see this same experience again now i just see like this, also know this website uses SSR so that's the question about why happen this, maybe is a misconfiguration on my browser or what's the reasson, I be tried hard reset in devtools but nothings seems to help me?
I be visited in another computer and the page looks like this
Img that i want to be able to see in my computer |
Link of how the documents looks when i visited the network tab in devtools
How to search through all the ajax responses in network tab in Chrome?
I want to do this is because it is difficult for a JavaScript developer to get to know which information is coming from which service call, especially if you are new to the project and business logic is not clear. Also, opening each service in a network tab and searching in responses of so many service calls is difficult and time consuming.
This has now been implemented on the Network tab. Whenever a search criteria is added, Chrome will offer searching through all headers and bodies.
More from offical doc,
Open the Network panel then press Command+F (Mac) or Control+F (Windows, Linux, Chrome OS) to open the new Network Search pane.
This is similar to another question this morning to search json responses. The solution is the same, star this issue this issue. Starring is triggered via the star icon in the far left area of the blue title are just under search.
Starring issues let's the developers know what people need. The more stars something has, the more likely it is to get worked on sooner.
Currently this functionality is not provided and extensions are unable to add this type of functionality since the network panel isn't extensible in this way.
In Firefox you can save all the responses as a HAR file and then search through the file in a text editor (Chrome truncates the responses).
Inspector of Microsoft Edge browser offer such feature. Useful when you need to search through traffic made by an HTTPS web site that Fiddler cannot inspect (like Facebook web site).
There doesn't seem to be a way to do this in Chrome or Firefox. My solution has been to use Fiddler, which does support it.
Edit: I believe this was working for all resources at the time of writing, but please see comments because people say it is not/no-longer working as expected.
As of Chrome version 91, if you want to search through all resources (not just AJAX/fetched resources), then you need to open DevTools and then press Ctrl+Shift+F to open a search box. If you just type into the "filter" text input then it only searches through the URLs, rather than also searching the contents.
I am working on a web application that needs silent printing (without print dialog box) with client side printer.
After some research we found that we can make it work using ActiveX and Foxit Reader.
Currently it works great but it constraints us with IE only and we want to make it work with Firefox and Chrome as well.
I know there is no direct code to make it work, but there must a work around?
What I need is the point to start e.g. Chrome/Firefox plugins to access local printer - or make windows service that runs in background in the client side, change browser settings, use ActionScript etc.
It will also be great if someone also illustrate how Facebook access local webcam from its website it may make about accessing clients peripherals from website. Thanks in advance.
For anyone who still wants information regarding printing on Chrome and/or FireFox without the use of ActiveX, extensions or client-side scripting, please see my answer to another question similar to this.
I need help with a problem I'm facing, basically I'm utilizing the new "Facebook Comment Box" feature and the issue is it is overlaying with standard Wordpress comments. It is best described by showing you the following screenshot:
Because I'm new here I couldn't post a screenshot because I don't have enough rep so a link to the screenshot of the problem is here - http://www.wdbc.org.au/comment_screenshot.jpg
The true URL for the above screenshot is here
So I did some investigating around, I couldn't find anyone else who came across this problem, but I also found that it is a combination of factors which makes encountering it more rare. Below are some specifics on what I'm using, and factors I believe are contributing to this problem:
Wordpress 3.1
Wordpress Theme Genesis1.5
Wordpress Plugin Facebook Comments for WordPress 3.1
Wordpress Plugin The Events Calendar 1.6.5
Google Chrome Browser 10.0.648.204
Some important notes on this problem:
It does not happen for the same URL in Explorer or Firefox, only in Chrome
It only happens in Wordpress posts tagged as Events so the events calendar plugin is definitely part of the issue here (for example I don't see the overlap issue on a non-event post which does not utilize the Events Calendar plugin)
My thoughts:
The plugin "The Events Calendar" has something to do with this. The plugin adds some information at the top of the post such as Date, Address, Cost, etc, and the height this information takes up seems to be about exactly the height the wordpress comment is encroaching on the space of the facebook comment section.
I don't have enough Wordpress expertise to dig deeper in to this and determine what is wrong with either the Events plugin or the Chrome browser and I'm not really sure where to start. I would really appreciate if anyone can help provide some tips or guidance on how I could progress with this issue. If you need any further details just ask and I would be happy to share, thank you.
Edit: Same problem observed in Safari (on iPhone) so impacts Chrome/Safari not Firefox/Explorer.
Edit2: On further testing it looks like this is only impacting retrospectively. I created a new Event post and it works fine, but older Event posts are affected. I guess this makes the issue not as impacting as I first thought so I might be able to live with this.
It might have something to do with the like button. I use a plugin for wordpress that also includes the like button. I chose to hide it, and all is good. I will enable the like button using another plugin.
What is the name of the IE plug in that someone can download (I think from Microsoft) that lets a developer (well, anyone who gets the plug-in, actually) to view the message traffic that goes on behind the scenes from the browser to the server? I saw this one in action but I forget its name. And I think, for the FireFox broswer, you can simply turn it on somehow without getting a plug in.
It cuts the browser window in half horizonally and the bottom half is also divided vertically and you can see the GET and POST messages as well as the complete header information that is sent to the server from the browser across the internet.
HttpWatch is a great plugin for IE, but it's not free. Microsoft also released a free tool called VRTA which works for all browsers, but isn't a plugin.
For firefox it's called Live HTTP Headers. Another option of course is WireShark.
Fiddler is from Microsoft.
http://fiddler2.com/fiddler2/