Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@zappar/mobile-only
Advanced tools
This library allows you to redirect desktop users to mobile by displaying a QR code alongside instructions for the user to follow.
You can use this library by downloading a standalone zip containing the necessary files, by linking to our CDN, or by installing from NPM for use in a webpack project.
Download the bundle from this link: https://libs.zappar.com/zappar-mobile-only/0.0.2/zappar-mobileonly.zip
Unzip into your web project and reference from your HTML like this:
<script src="zappar-mobileonly.js"></script>
Reference the zappar-mobileonly.js library from your HTML like this:
<script src="https://libs.zappar.com/zappar-mobile-only/0.0.2/zappar-mobileonly.js"></script>
Run the following NPM command inside your project directory:
$ npm install --save @zappar/mobile-only
Then import the library into your JavaScript or TypeScript files:
import * as MobileOnly from "@zappar/mobile-only";
The MobileOnly.isMobile()
function returns true if a mobile browser is being used.
import * as MobileOnly from "@zappar/mobile-only";
const mobile = MobileOnly.isMobile(); // boolean
console.log(mobile);
User agent can be provided to the isMobile()
function, if not specified, navigator.userAgent
is used:
import * as MobileOnly from "@zappar/mobile-only";
const mobile = MobileOnly.isMobile('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36');
console.log(mobile);
The QR code shown is generated from the current window.location.href
.
You can show the redirection UI using MobileOnly.showUI()
. This should be used alongside MobileOnly.isMobile()
:
import * as MobileOnly from "@zappar/mobile-only";
if (!MobileOnly.isMobile()){
MobileOnly.showUI();
}
The showUI
function appends the elements as children of document.body
, with z-index
of 10000.
showUI()
function may be customized using an options parameter. Here's the available options alongside default values:
type Options = {
header? : string, // 'Almost there...';
instructions? : string, // "Use your phone's camera to scan the QR code below";
footer? : string, // 'or visit';
url? : string // window?.location?.href || '0.0.0.0';
}
Example:
import * as MobileOnly from "@zappar/mobile-only";
if (!MobileOnly.isMobile()){
MobileOnly.showUI({
url : 'www.zappar.com'
});
}
This shows the UI seen at the top of this readme.
[0.0.2] - 2021-03-23
Initial release
FAQs
Redirect desktop users to mobile using QR Codes
The npm package @zappar/mobile-only receives a total of 14 weekly downloads. As such, @zappar/mobile-only popularity was classified as not popular.
We found that @zappar/mobile-only demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 11 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.