js浏览器 常用工具

使用Chrome浏览器的隐私浏览模式 #生活知识# #生活经验# #软件#

当前url

/**

* 返回当前url

*/

export const currentURL = () => window.location.href;

/**

* 获取url参数（第一种）

* @param {*} name

* @param {*} origin

*/

export function getUrlParam(name, origin = null) {

    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");

    let r = null;

if (origin == null) {

        r = window.location.search.substr(1).match(reg);

    } else {

        r = origin.substr(1).match(reg);

    }

if (r != null) return decodeURIComponent(r[2]);

return null;

}

/**

* 获取url参数（第二种）

* @param {*} name

* @param {*} origin

*/

export function getUrlParams(name, origin = null) {

    let url = location.href;

    let temp1 = url.split('?');

    let pram = temp1[1];

    let keyValue = pram.split('&');

    let obj = {};

for (let i = 0; i < keyValue.length; i++) {

        let item = keyValue[i].split('=');

        let key = item[0];

        let value = item[1];

        obj[key] = value;

    }

return obj[name];

}

/**

* 修改url中的参数

* @param { string } paramName

* @param { string } replaceWith

*/

export function replaceParamVal(paramName,replaceWith) {

    var oUrl = location.href.toString();

    var re=eval('/('+ paramName+'=)([^&]*)/gi');

location.href = oUrl.replace(re,paramName+'='+replaceWith);

return location.href;

}

/**

* 删除url中指定的参数

* @param { string } name

*/

export function funcUrlDel(name){

    var loca =location;

    var baseUrl = loca.origin + loca.pathname + "?";

    var query = loca.search.substr(1);

if (query.indexOf(name)>-1) {

        var obj = {};

        var arr = query.split("&");

for (var i = 0; i < arr.length; i++) {

            arr[i] = arr[i].split("=");

            obj[arr[i][0]] = arr[i][1];

        }

delete obj[name];

        var url = baseUrl + JSON.stringify(obj).replace(/[\"\{\}]/g,"").replace(/\:/g,"=").replace(/\,/g,"&");

        return url

    }

}

浏览器窗口

/**

* 获取窗口可视范围的高度

*/

export function getClientHeight() {

    let clientHeight = 0;

if (document.body.clientHeight && document.documentElement.clientHeight) {

        clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;

    }

else {

        clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;

    }

return clientHeight;

}

/**

* 获取窗口可视范围宽度

*/

export function getPageViewWidth() {

    let d = document,

        a = d.compatMode == "BackCompat" ? d.body : d.documentElement;

return a.clientWidth;

}

/**

* 获取窗口宽度

*/

export function getPageWidth() {

    let g = document,

        a = g.body,

        f = g.documentElement,

        d = g.compatMode == "BackCompat" ? a : g.documentElement;

return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);

}

/**

* 获取窗口尺寸

*/

export function getViewportOffset() {

if (window.innerWidth) {

return {

            w: window.innerWidth,

            h: window.innerHeight

        }

    } else {

// ie8及其以下

if (document.compatMode === "BackCompat") {

// 怪异模式

return {

                w: document.body.clientWidth,

                h: document.body.clientHeight

            }

        } else {

// 标准模式

return {

                w: document.documentElement.clientWidth,

                h: document.documentElement.clientHeight

            }

        }

    }

}

/**

*  获取滚动条距顶部高度

*/

export function getPageScrollTop() {

    let a = document;

return a.documentElement.scrollTop || a.body.scrollTop;

}

/**

*  获取滚动条距左边的高度

*/

function getPageScrollLeft() {

    let a = document;

return a.documentElement.scrollLeft || a.body.scrollLeft;

}

/**

* 开启全屏

* @param {*} element

*/

export function launchFullscreen(element) {

if (element.requestFullscreen) {

        element.requestFullscreen()

    } else if (element.mozRequestFullScreen) {

        element.mozRequestFullScreen()

    } else if (element.msRequestFullscreen) {

        element.msRequestFullscreen()

    } else if (element.webkitRequestFullscreen) {

        element.webkitRequestFullScreen()

    }

}

/**

*  关闭全屏

*/

export function exitFullscreen() {

if (document.exitFullscreen) {

        document.exitFullscreen()

    } else if (document.msExitFullscreen) {

        document.msExitFullscreen()

    } else if (document.mozCancelFullScreen) {

        document.mozCancelFullScreen()

    } else if (document.webkitExitFullscreen) {

        document.webkitExitFullscreen()

    }

}

/**

* 返回当前滚动条位置

*/

export const getScrollPosition = (el = window) => ({

    x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,

    y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop

});

/**

* 滚动到指定元素区域

*/

export const smoothScroll = element =>{

    document.querySelector(element).scrollIntoView({

        behavior: 'smooth'

    });

};

/**

* 平滑滚动到页面顶部

*/

export const scrollToTop = () => {

    const c = document.documentElement.scrollTop || document.body.scrollTop;

if (c > 0) {

        window.requestAnimationFrame(scrollToTop);

        window.scrollTo(0, c - c / 8);

    }

};

其他

/**

* http跳转https

*/

export const httpsRedirect = () => {

if (location.protocol !== 'https:') location.replace('https://' + location.href.split('//')[1]);

};

/**

* 检查页面底部是否可见

*/

export const bottomVisible = () =>{

return document.documentElement.clientHeight + window.scrollY >=

        (document.documentElement.scrollHeight || document.documentElement.clientHeight);

};

/**

* 打开一个窗口

* @param { string } url

* @param { string } windowName

* @param { number } width

* @param { number } height

*/

export function openWindow(url, windowName, width, height) {

    var x = parseInt(screen.width / 2.0) - width / 2.0;

    var y = parseInt(screen.height / 2.0) - height / 2.0;

    var isMSIE = navigator.appName == "Microsoft Internet Explorer";

if (isMSIE) {

        var p = "resizable=1,location=no,scrollbars=no,width=";

        p = p + width;

        p = p + ",height=";

        p = p + height;

        p = p + ",left=";

        p = p + x;

        p = p + ",top=";

        p = p + y;

        window.open(url, windowName, p);

    } else {

        var win = window.open(

            url,

"ZyiisPopup",

"top=" +

            y +

",left=" +

            x +

",scrollbars=" +

            scrollbars +

",dialog=yes,modal=yes,width=" +

            width +

",height=" +

            height +

",resizable=no"

        );

        eval("try { win.resizeTo(width, height); } catch(e) { }");

        win.focus();

    }

}

/**

* 自适应页面（rem）

* @param { number } width

*/

export function AutoResponse(width = 750) {

    const target = document.documentElement;

    target.clientWidth >= 600

        ? (target.style.fontSize = "80px")

        : (target.style.fontSize = target.clientWidth / width * 100 + "px");

}

网址：js浏览器 常用工具 https://www.yuejiaxmz.com/news/view/130293

相关内容

QQ浏览器官方
Google Chrome 网络浏览器
使用edge浏览器浏览B站网页端卡顿的一个解决方法
前端浏览器兼容
如何优化网页运行JS脚本性能提高用户体验和加载速度的有效方法
Chrome、Safari、Edge、Firefox 桌面浏览器对比，谁才是最佳选择
Edge浏览器访问特殊网站端口（如10080）出现ERR
利用剪切板JS API优化输入框的粘贴体验 « 张鑫旭
BBIN寰宇浏览器支招通过整理家居提高生活品味
提速你的网络生活：谷歌浏览器专属迅雷下载插件深度解析

随便看看