open external browser where in-app
MIT License
useOpenExternalBrowser
- open once nowFull Changelog: https://github.com/hyesungoh/open-external-browser/compare/v1.1.0...v1.1.1
Published by hyesungoh about 1 year ago
onOpen
APIcallback function when open external browser
default (undefined)
- do nothingfunction ((where: InApp) => void)
- callback functionopenExternalBrowser({ where: 'all', onOpen: (where) => console.log(where) });
useOpenExternalBrowser({ where: 'all', onOpen: (where) => console.log(where) });
import { useOpenExternalBrowser, type OpenEventHandler } from 'open-external-browser';
function Foo() {
const [state, setState] = useState<string>('');
const onOpen: OpenEventHandler = (where) => {
setState(where);
trackEvent(where);
}
useOpenExternalBrowser({ where: 'all', onOpen: onOpen });
return <span>{state}</span>
}
Full Changelog: https://github.com/hyesungoh/open-external-browser/compare/v1.0.0...v1.1.0
Published by hyesungoh about 1 year ago
open external browser where in-app
npm install open-external-browser
# or
yarn add open-external-browser
import { openExternalBrowser } from 'open-external-browser';
function Bar() {
const onClick = () => {
openExternalBrowser({where: 'all'})
// openExternalBrowser({ where: 'all', to: 'https:www.some-url-you-want.com' });
// openExternalBrowser({ where: 'kakaotalk' });
}
return <button onClick={onClick}>open</button>
}
import { useOpenExternalBrowser } from 'open-external-browser';
function Foo() {
useOpenExternalBrowser({ where: 'all' });
// same API with openExternalBrowser
// useOpenExternalBrowser({ where: 'all', to: 'https:www.some-url-you-want.com' });
// useOpenExternalBrowser({ where: 'kakaotalk' });
return <div />;
}
In-app environment to open an external browser
all
- open when below in-appskakaotalk
- open when kakaotalk in-appline
- open when line in-appurl to open in external browser
default (undefined)
- current url (location.href)string
- url you wantFull Changelog: https://github.com/hyesungoh/open-external-browser/commits/v1.0.0