On click loads a different website but still within my website - like Facebook - html

On Facebook, via mobile, If you go to a profile page and click on a link to a person website it loads the website up in front of the Facebook website so when they press the X in the top left-hand corner it then deletes the webpage and the Facebook is still there.
On my desktop computer, I have used a different tap to load up but can't find out how I can do it this way for mobile and tablet?
I'm sure its quite simple but I have not got a clue what to look for sadly
Hope you can help, please.
Many Thanks
Tim

The picture you give appears to be the native mobile app for Facebook and not a webpage.
It just uses an embedded browser in the mobile app. How you do that depends on which platform you are developing for. For iOS it would be something along the lines of the UIWebView class.

Related

Apple App Store Badge Redirects to Shady advertisement on mobile but not desktop

I recently published an app to the app store and am trying to put a "Download on the app store" badge on my personal blog. I first used the badge generator tool at https://tools.applemediaservices.com but noticed when I click through the badge on an iOS device (my iPhone and my brother's iPhone), I am directed to a shady "Spin the Wheel!" or "You've won!" webpage. When I click through via desktop web browser, the link opens up the App Store just fine! I'm baffled. I reworked everything from scratch and same behavior persists.
Blog Link: https://keeganleary.com/flutter-app/ (The Badge is just below the web app)
Clicking with thumb on iPhone redirects to pages with goobly-gook addresses like (Don't Follow, I added some ... to hopefully keep anybody from following this link!): https://4i9...gx8uxvn13l...top/t/fe312738ec36/99fda6ec-568c...1=
If I long-press and copy link, then paste into browser on iPhone, it opens up the App Store like it should!
Functionality is same on Chrome and Safari, and two different iPhones.
My code
<figure>
<a href="https://apps.apple.com/us/app/super-pace-calculator/id1548388283">
<img src="https://keeganleary.com/content/images/2021/01/Download_on_the_App_Store_Badge_US-UK_blk_092917.png">
</a>
<figcaption></figcaption>
</figure>
My best guess is my website or iPhone browser is hacked somehow but I have no idea. Tried clearing caches as well but same thing happens.
I analyzed your site and found no virus.
I noticed that you are using disqus on your site, I am almost sure that these ads came from the disqus that, unfortunately, inject ads without our permission, generally unwanted or deceptive low quality ads that can even hinder users' navigation.
Take the test, disable DISQUS from your site and see if the ads disappear.
unfortunately I have not found another way to disable these ads if not buying the subscription where you can disable the ads.

My website doesn't open in Facebook in-app browser

I have a Facebook Page and I have a website based on WordPress. I share links from my website to the Facebook page, but unfortunately, when I used the Facebook app on my mobile, the links do not open in Facebook in-app browser.
What should I do to solve this problem? Another link from another website is working correctly, but from my website, it's not opening.
This may or may not help, but try running your website though the Facebook debugger. You might also hit the Scrape Again button while you are there. Then see if your page open in the in-app browser.

Desktop site link from mobile site

I am working on a site that has a mobile site: http://www.exchequersolutions.co.uk/m/ I am trying to create a link to the desktop site with out much luck.
When the user clicks on a link I want them to be taken to the desktop site.
The link in the anchor tag is:
<p><a href="http://www.exchequersolutions.co.uk/contractors/cis-self-employed/cis-form/" target="_blank" class="cis_register" >Register Online</a></p>
Does anybody know how or even if this is possible?
Is not possible.
Every browser implement a function to save a link on OS FileSystem (drag&drop or file > save as ...).
You're stuck in a loop caused by user-agent detection.
It looks like there is device detection on the desktop site that uses the user-agent to identify mobile devices. If you follow a link to the desktop site using a mobile phone, you'll just be sent back to the mobile site.
There are a few different ways you can fix this, but it depends on your site architecture. One way would be to disable the redirect on the desktop site if you include a specific parameter in the query string. Another option would be to set a cookie and use that to disable the redirect.

Is it possible to make a link that would open an app if tapped on an iPhone and a website if on a desktop?

I am wondering if it is possible to make a link that if tapped on (say in iOS Mail), would open up a specific app (I know that part is possible), AND if the very same link were opened up on a regular computer say in Gmail, it would function as a regular web link.
So essentially, two different links in one, depending on the platform you are on.
Where would I start to get something like this going?
I just did it this morning. You need to have your link in the email go to your website. Then on your website check the user-agent and redirect to the app if the user-agent is for iOS and if it is not iOS show the regular web page.
You can't, because you don't have control on which device email is shown.
Best approach would be to code (css/html) responsive email template and hide first link(for pc) if screen size is < 600px etc.
More on responsive emails:
http://zurb.com/article/1144/a-tutorial-on-responsive-email-templates

Adding an image to a responsive website that sends it to an SQL database

I'm stuck with something. We have made a project in school but we aren't passed so now we have to improve it. The project consists of controlling situations and events of a city. It is meant for smartphones but we don't know any mobile programming language yet so we can write it in html and javascript. We also can use JSON and AJAX to "talk" with our back-end. Example : there is a hole in the road, so i want to add this situation and i'm able to give details, it automatically gets the location by google maps.
So now to the point, there is a page called add.html, on this page i can add events or situations with all the details. We have everything but we are stuck with the image part. We need to be able to add an image to our database. Our website is responsive, i want to have an icon of a camera (so you can take a picture with your smartphone and add it, or you can choose from the pictures on your smartphone) that is a hyperlink to adding an image. So if you are on a pc or laptop it should open your browser where you can choose a picture from your hard drive, and elsewise like i said above. Does anyone has an idea how we need to approach this problem? Thanks a lot in advance!
Make your camera icon an input that looks like this:
<input type="file" accept="image/*" capture="camera">
This will launch the camera app in iphone iOS 6+ and android 3.0+.
There is a javascript API for navigator.getUserMedia(). This works in Chrome, Firefox and will work in IE 11. See
HTML5 Rocks: Tutorials: Capturing Audio & Video in HTML5 for details.