Like in Firefox (Desktop version) I can take using Fireshot
and in Android mobile I can take using Dolphin Screen Cut
I already know that we take screendump using wake+home it doesn't take screencapture of whole webpage including the area under the scroll and it would be difficult to take multiple screenshots by pressing wake+home and scrolling in between but with this there will be small overlap between shots and thee combine screenshot will not be precise
Barry — Webpage screenshot does the trick. You can capture full length webpage screenshots and save them to Camera Roll or Copy to clipboard for pasting into any app that supports pasting in images.
After-all I found the solution
This app worked for me perfectly
Website Screenshot (iPhone app)
You wouldn't be able to do this in Mobile Safari.
If you're developing an application (and since this is stackoverflow I'll assume that's what you're talking about) and using a UIWebView you could do this - you would need to:
Calculate the total height of the webpage you want to capture
Use a UIWebView with the height obtained above to display your webpage at actual size
Render that UIWebView as an image in an off-screen buffer.
Webpage Capture for iPhone | iPad : https://itunes.apple.com/us/app/webpage-capture/id348797820?mt=8
Related
So when I create the OG tags for my website I have 2 image tags, the first for other social media and the second that is meant to only be used for whatsapp.
I intentionally make the whatsapp one smaller so that it can appear more compact with the image positioned to the left of all the content, as appose to displaying big at the top of the content.
This has worked until recently, but then IPhone changed it to use the bigger image (the one used for other social media platforms), which is a problem for my client (its a branding thing).
Is there a way to force it to use the compact layout in the whatsapp link preview?
EDIT: I say IPhone, but a better term to use would probably be iOS.
Ok, now most mordern smartphone has 720p or 1080p resolution. That mean even screen size is small like 4 in, we still can see all text, gui (such as email textbox) of the whole website when first time opening it in Galaxy s3.
However, though we can see the very little email textbox in mobile browser, it is too small for us to enter data. So we need to magnify the page and that is very time consuming.
My question is, can we make the gui of GWT app automatically enlarges itself so that mobile users do not need to enlarge it?
Also the gwt could shpw the gui in Portrait direction.
you need to follow responsive web design principles to achieve your objective. Also have a look here bootstrap provides widgets that are flexible
I have a website with a video in the header that is set to auto play when the page loads. It works great on all web browsers except for iPhone and iPad. I recently discovered that the iPhone won't allow auto play, which explains why when I open it up on the iPhone there is a black box with a line through the play button where the video should be. I can't even get it to load on the iPad. I haven't been able to test on Android or the other mobile devices since I don't own any of them. Btw: I am using Video.js.
Here's what I'm trying to do and need some help: Since my video has to auto play, I want to have the poster image display rather than the video if a particular device like the iPhone won't allow auto play. Is this possible?? I tried, but I can't get the poster image to show though. Instead, it just shows that ugly black box with play button with a line through it. I need help getting the poster image to display instead. I thought this would happen automatically but it isn't. Does anyone know how to do this? I even wondered if there's a way to write a fallback statement that says something like this: "If no auto play then display image." I've seen fallback statements for Flash, so why not have one for a device that doesn't allow auto play. I'm trying to get the code right, but I'm not a php expert so I need some help. Your help is appreciated thank you.
Hi
I am developing an ipad Magazine app where I need to display pdf files.I am using leaves project for page curl effect.This works great.
But in landscape page fits to height(768px) and it becomes difficult to read the font.
Thats why I want to support zoom in/out on this view.
I am a newbie to Core Graphics.I think in leaves project they parse pdf to show image of each page.But I dont know why zoom is not supported if it is an image.
There are some more branches of leaves project for implementing this feature but all of them are not perfect.
Shall I continue using leaves or UIViewAnimationTransitionCurlUp/Down will help me for both the problems?
Thanks
here is the code for your requirement. check out this
You can refer this tutorial. Provided by APPLE
Hope it helps.
I have a strange issue in phonegap framework. I want to display PDF file in my application, when I am trying to add PDF file with iFrame tag it doesn't show a PDF with horizontal scroll and with a big zoom size. so getting out of screen.
I tried by another way using embed tag, its also having same problem with addition to that its showing PDF for only first time in the application.
If anybody know how to display a PDF in phonegap with specified zoom level or with scroll bar. Above code is working fine in iPhone mobile safari, but not in phonegap. Any Idea?
Thanks.
To display pdf in phonegap,
have lots of trouble,
but best solution so far,is to used ChildBrowser Plugin for phonegap here is the link-
https://github.com/purplecabbage/phonegap-plugins/tree/master/iPhone/ChildBrowser
this will help you to call child native uiwebview in your application(only for iphone),
so you can easily enjoy pinch zoom feature
Using Phonegap you'll have only one UIWebView so probably the best idea is to open the pdf as a new object link using rel=external
Other suggestion is look at the view-port size, maybe you'll have to increase it's size to allow the pinch and zoom.