Server Side Webpage Screenshots - Windows Server - screenshot

ive written a script that configures a bunch of items and displays it on screen using javascript. Now we are in the process of trying to take a screenshot of it via a browser. This particular webpage is for use by the general public, and once the screenshot is taken, we post the photo to facebook for the user.
Ive trialled a number of services that take screenshots but they are all pretty slow, mostly averaging around 25 - 25 seconds to take the shot and have it saved on the server. All our users would leave in this time =(
Ive also tried the application from http://www.websitescreenshots.com/ and whilst its brilliant i cant get it to render our page with the js on it.
I have found this to be a common thing amongst screenshot software, and ive even gone through to trying to take advantage of the free webservice from Wordpress MShots.
Whilst it took photos nicely you could never tell how long it was going to take and not good enough for a production website.
So can anyone recommend a utility that will allow screenshots of URL's accessible via a command line that can render JS and also runs on windows server 2008 ? I am having no luck tryning to source an app that does this..

Related

Why is this website so slow on mobile [shopify]

I'm trying to help a client with their slow-ish website https://www.dp-tools.de. If I use Google page speed for mobile I can see that it takes 7 seconds to be interactive but nothing in the found problems really tells me why it is actually that slow. I also tried chrome lighthouse and couldn't really see all that much.
Is there another way of checking or maybe anyone here sees why it is so slow?
Open up the client's Shopify Admin, and examine the theme. Does it have any strange slow code in it? Examine the Apps installed that directly affect theme. Are any of them crap, old, broken junk?
The best way to debug a slow theme is to just start hacking out any junk the client may have added to their theme. A lot of themes are so bad, for example, they load jQuery 3 times. Likely you have one bad apple in there, a call that is blocking and takes way to long to timeout or respond. Developer tools can point these out to in your console. Mobile versions have to come with a developer console you can inspect too right?

How to make the last item of a list always in the same place (the rest going up), to show images instead of URLs, to make an app based on a website?

Please can you answer the following questions?
I'm currently using
- NodeJS - Express
- Socket.IO
- JQuery
- W3.CSS
I have a chat web/mobile (mobile just means responsive) app using the same website, but it is not enough. The mobile version should be able to notify and be as the native versions (fast and responsive). How could I do that?
How to make a native app based on a website?
My webchat looks like a mix of IRC and IM messengers. I'd like it to be full IM : the messages appear by making the window going down, and I prefer that the messages go up.
How to arrange a ul list (li can be infinite) so the last and new message stays the last and the rest goes up (eventually hides too)?
How could I enable the direct transmission of images in which we don't have to click on a link but we directly see it? I saw one document on it but it looked old.
How to directly see images by entering an image URL?
I'd also like it to be pretty fast!
I might use postgres as database with Heroku.
You can find an appendice of the app here : https://njstesting.herokuapp.com (free testing plan - I'm a teenager)
Thank you for all your attention :-)

Taking screenshots of desktop from a web application

I am trying to convert one of my earlier written time tracking apps to a web browser based app.
Some options of technology include java, flash, ... My goal here is letting a user track time for our organization while having ideally no extra installation on desktop, or least minimal, like flashplayer or jvm, etc, but the product itself should be in browser.
I have done some research and so far i can't find a way any technology, of the ones i have known, could take a screenshot of whole desktop while running inside web browser even if, say, browser is out of focus.
The best i could do was take a screenshot of the page on which that app will run. Any ideas? Possible? leads?

Crossbrowser Upload progress meter (without SWFUpload please)

Im trying to make a upload progress meter that works on ALL modern browsers in all operative systems (hence that I don't want to use SWFUpload, since all the demo pages fail in my computer, since I use Ubuntu).
Could someone give me please a hint where to look? I've googled the internet up and down without a solution...
Im running a server with PHP, but APC didnt work, apparently doesnt play nice with lightppd. Also I don't know Perl, so I'd rather not having to learn it for this.
I did this using ASP.NET not long ago. Basically, there's no pure HTML way to do it. What needs to be done, is to make changes on your server (in ASP.NET, I wrote an HttpModule to cache the current status of the upload - for PHP, Ruby, etc, there's likely similar methods to plug into).
Then on the client side - when a file was being uploaded, I made periodic ajax calls to the server to access the upload data that the server was caching. Then, using javascript, I would update whatever HTML progress bar.
You can see plUpload : http://www.plupload.com/
If you're using AJAX, you could go with this solution. And here are a few using jQuery.

How to make a Tag cloud app that post on a website?

I want to make an app where the users can post messages that will be displayed on a website. The users would need to create a username and password to be able to post.
The app would be like a twitter, but only be able to post through the app and read the last few posts and not be able to write private messages.
The website would function like a huge cloud of thoughts where everyone could go and read what others have written. Once the post hit the cloud, they can't be deleted. Only me could delete posts.
All posts would have different color and font size, it would look like a huge tag cloud on the website.
How do I make an app and a website like this?
David H
The tutorial application for Google Application Engine is an unstyled version of what you describe. They'll even host it for you for free (up to a non-trivial level of usage).
The tag cloud creation is not so very hard but without knowing your preferred language it is hard to point you to helpful libraries (there are plenty out there).
Getting people to use it will be the hard part.
added in response to comment:
Good luck on your endeavor. I would be surprised if you weren't able to learn everything you need to know and have a working web app by the time school starts. I found a simple stand alone web cloud creation library that explains what it does and will run on GAE. So now even that part is in place for you.
I'm tempted to make some pathetic reference to the sorts of computing that I did prior to high school, but I expect that you probably have SD data cards have more computational power than I had available to me. Kids these days! ;)