@jrj-front-end/tools/src/otherUtil/index.ts

jrj前端工具包

/**
 * 获取url?后面的参数值
 * @param name 所要获取的参数名
 * 
 * eg:
 *  https://www.baidu.com?param1=111&parma2=222
 *  GetQueryString('param1') ---> 111
 */
export const GetUrlQueryString = (name = '') => {
  let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  let r = window.location.search.substring(1).match(reg);
  if (r != null) {
    return decodeURIComponent(r[2]);
  }
  return null;
}

/**
 * 写入token到sessionStorage
 */
export const setToken = (token: string) => {
  sessionStorage.setItem('USER_INFO', token)
}

/**
 * 从sessionStorage里面获取token
 */
export const getToken = () => {
  let token = sessionStorage.getItem('USER_INFO') || '{}'
  return JSON.parse(token)
}

/**
 * 大屏自动适配分辨率 16:9尺寸
 * @param showDpi 是否显示屏幕分辨率 默认不显示
 */
export const AutoAdaptDpi = (showDpi = false): void => {
  if (showDpi) {
    let dpiW = document.documentElement.clientWidth;
    let dpiH = document.documentElement.clientHeight;
    console.log(`当前显示分辨率为${dpiW}x${dpiH}`);
  }

  let w = document.documentElement.clientWidth; // 获取浏览器宽度
  let d: any = document;
  d.body.style.zoom = w / 1920;
}

/**
 * 浏览器全屏
 */
export const FullScreen = () => {
  try {
    const element = document.documentElement; // 获取整个文档元素
    if (element.requestFullscreen) {
      element.requestFullscreen().then(() => {
        // 进入全屏后的回调函数，可以在这里设置页面样式
        // document.body.style.backgroundColor = 'rgba(255,255,255,0)';
      });
    }
  } catch (err: any) {
    console.log('err:', err?.message);
  }
}