首页 文章 精选 留言 我的

精选列表

搜索[开源桌面],共10000篇文章
优秀的个人博客,低调大师

如何用JavaScript判断前端应用运行环境(移动平台还是桌面环境)

我们部署在某些云平台或者Web服务器上的前端应用,既可以用PC端浏览器访问,也可以用手机上的浏览器访问。 在前端应用里,有时候我们需要根据运行环境的不同做出对应处理。比如下面这段逻辑,如果判断出应用当前是运行在手机上,则需要设置对应的viewport。 if (this.isMobile()) { var viewport = document.querySelector("meta[name=viewport]"); if (viewport) { viewport.setAttribute('content', 'width = ' + window.innerWidth + ', height = ' + window.innerHeight + ', maximum-scale = 1.25, minimum-scale = 1.25'); } } 那么如何实现isMobile函数呢? 我们打开Chrome开发者工具,在console标签页输入navigator,回车,会发现这个对象包含了非常多的有用信息。 其中有个字段platform: 我如果在安装了Windows系统的电脑上使用Chrome,该值为Win32。 另一个重要的字段为userAgent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36 下面这段不到100行的JavaScript代码通过使用正则表达式处理navigator对象中的platform和userAgent字段来判断当前前端应用运行的环境,支持Windows/Linux/Macintosh三种操作系统,iOS/Android/BlackBerry/Windows Phone等移动平台。 代码如下。您也可以在我的github上找到这段代码。执行后,会弹出检测出的运行环境和版本号。 https://github.com/i042416/KnowlegeRepository/blob/master/practice/264_getOS.html < html > < script > var OS = { "WINDOWS": "win", "MACINTOSH": "mac", "LINUX": "linux", "IOS": "iOS", "ANDROID": "Android", "BLACKBERRY": "bb", "WINDOWS_PHONE": "winphone" }; var result = getOS(); alert(JSON.stringify(result)); function getOS() { var userAgent = navigator.userAgent; var platform, result; function getDesktopOS() { var pf = navigator.platform; if (pf.indexOf("Win") != -1) { // 说明当前是Windows操作系统 var rVersion = /Windows NT (d+).(d)/i; var uaResult = userAgent.match(rVersion); var sVersionStr = ""; if (uaResult[1] == "6") { if (uaResult[2] == 1) { sVersionStr = "7"; // 说明当前运行在Windows 7 中 } else if (uaResult[2] > 1) { sVersionStr = "8"; // 说明当前运行在Windows 8 中 } } else { sVersionStr = uaResult[1]; } return { "name": OS.WINDOWS, "versionStr": sVersionStr }; } else if (pf.indexOf("Mac") != -1) { return { "name": OS.MACINTOSH, "versionStr": "" }; // Macintosh操作系统 } else if (pf.indexOf("Linux") != -1) { return { "name": OS.LINUX, "versionStr": "" }; // 说明当前运行在Linux操作系统 } return null; } platform = /Windows Phone (?:OS )?([d.]*)/; // windows phone的正则表达式 result = userAgent.match(platform); if (result) { return ({ "name": OS.WINDOWS_PHONE, "versionStr": result[1] }); } // BlackBerry 10 if (userAgent.indexOf("(BB10;") > 0) { platform = /sVersion/ ([d.] + ) s / ; // BlackBerry的regular expression result = userAgent.match(platform); if (result) { return { "name": OS.BLACKBERRY, "versionStr": result[1] }; } else { return { "name": OS.BLACKBERRY, "versionStr": '10' }; } } // iOS, Android, BlackBerry 6.0+: platform = /(([a-zA-Z ]+);s(?:[U]?[;]?)([D]+)((?:[d._]*))(?:.*[)][^d]*)([d.]*)s/; result = userAgent.match(platform); if (result) { var appleDevices = /iPhone|iPad|iPod/; var bbDevices = /PlayBook|BlackBerry/; if (result[0].match(appleDevices)) { result[3] = result[3].replace(/_/g, "."); return ({ "name": OS.IOS, "versionStr": result[3] }); // iOS操作系统 } else if (result[2].match(/Android/)) { result[2] = result[2].replace(/s/g, ""); return ({ "name": OS.ANDROID, "versionStr": result[3] }); // Android操作系统 } else if (result[0].match(bbDevices)) { return ({ "name": OS.BLACKBERRY, "versionStr": result[4] }); // Blackberry } } //Android平台上的Firefox浏览器 platform = /((Android)[s]?([d][.d]*)?;.*Firefox/ [d][.d] * /; result = userAgent.match(platform); if (result) { return ({ "name": OS.ANDROID, "versionStr": result.length == 3 ? result[2] : "" }); } // Desktop return getDesktopOS(); } < /script> < /html> 要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:

优秀的个人博客,低调大师

Python学习,给自己的代码做个合集,定制自己的桌面软件!

在学习Python的过程中,经常会写很多的练手的脚本,那么有没有想过,写到一起呢?当然了,方法有很多,比如写到web网页中,做各种跳转、写到微信中,各种回复关键字调用,还有今天和大家分享的GUI图形用户界面! 构建基本框架 Python中有标准库tkinter,不需要安装即可使用!可以用来写简单的GUI程序,只需要短短几行代码就可以了,比如下面这个: 具体教程大家可以去自行搜索,这里就不一一细说了,注释也写的很清楚! 将自己的其他脚本都写到GUI程序中 其实可以导入其他脚本中的函数,来达到多个脚本整合的效果,但是那样又不是很方便,就先放到一起了,慢慢在完善! 首先是将之前的天气预报写入(这里有个城市代码的字典省略了,很长,大家可以去我相关的文章中查找) def weather(): ''' 天气预报查询 ''' global city_code_list#城市列表 city = entry.get()#获取输入的城市名 if city in city_code_list: city_code = city_code_list[city] home_page = 'http://www.weather.com.cn' url = home_page + '/weather/' + city_code + '.shtml' header = {'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0'} res = requests.get(url, headers=header) res.encoding = 'utf-8' html = etree.HTML(res.text) for i in range(1, 8): date = html.xpath('//ul[@class="t clearfix"]/li[{}]/h1/text()'.format(i))[0] weather = html.xpath('//ul[@class="t clearfix"]/li[{}]/p[1]/text()'.format(i))[0] tem1 = html.xpath('//ul[@class="t clearfix"]/li[{}]/p[@class="tem"]/span/text()'.format(i)) tem2 = html.xpath('//ul[@class="t clearfix"]/li[{}]/p[@class="tem"]/i/text()'.format(i)) tem = "".join(tem1) + '/' + "".join(tem2) win1 = html.xpath('//ul[@class="t clearfix"]/li[{}]/p[@class="win"]/i/text()'.format(i)) win2 = html.xpath('//ul[@class="t clearfix"]/li[{}]/p[@class="win"]/em/span[1]/@title'.format(i)) win = "".join(win1) + "".join(win2) text.insert(END,'%s天气预报查询'%city)#添加数据 text.insert(END,'%s %s %s %s'%(date, weather, tem, win))#添加数据 text.see(END)#文本框向下滚动 text.update()#更新 else: text.insert(END, '输错了吧?') # 添加数据 text.see(END) # 文本框向下滚动 text.update() # 更新 然后是空气质量排名 def ranking(): city = entry.get() url = 'http://www.tianqihoubao.com/aqi/aqi_rank.html' html = requests.get(url) datas = etree.HTML(html.text).xpath('//table[@class="b"]')[0] i = 1 for data in datas: trs = data.xpath('./td') info = [] for tr in trs: a = tr.xpath('string(.)').split()[0] if i % 6 != 0: info.append(a) elif i == 6: text.insert(END, '%s' % (" | ".join(info))) # 第一行 elif city in info:#判断需要数据所在行 text.insert(END, '%s' % (" | ".join(info))) # 添加需要的数据 text.see(END) # 文本框向下滚动 text.update() # 更新 info = [] i += 1 最后是空气指数查询 def quality(): url = 'http://www.tianqihoubao.com/aqi/' html = requests.get(url) html.encoding = 'gbk' citys = etree.HTML(html.text).xpath('//div[@class="citychk"]/dl/dd/a/text()') city_urls = etree.HTML(html.text).xpath('//div[@class="citychk"]/dl/dd/a/@href') dic = {}#构架城市列表 for city, city_url in zip(citys, city_urls): city = city.replace(" ", "") city_url = 'http://www.tianqihoubao.com/' + city_url dic[city] = city_url city_n = entry.get() if city_n in dic.keys(): html_n = requests.get(dic[city_n]) html_n.encoding = 'gbk' data = etree.HTML(html_n.text) num = data.xpath('//div[@class="num"]/text()')[0].strip() status = data.xpath('//div[@class="status"]/text()')[0].strip() explain = data.xpath('//div[@class="hd"]/div[@id="content"]/div[@class="txt01"]/h4')[0].xpath('string(.)') surveys = re.findall(r'<td.*?>(.*?)</td>', html_n.text, re.S) sur = re.sub("</b>", "|", ''.join([x.strip().replace("<b>", ' ') for x in surveys[0:9]]))[:-1] sur2 = [x.strip().replace(" ", '') + '|' for x in surveys[9:]] surv = [sur2[i:i + 9] for i in range(0, len(sur2), 9)] text.insert(END,'%s空气质量查询' % city_n) # 添加数据 text.insert(END,"%s空气质量指数: %s" % (city_n, num)) # 添加数据 text.insert(END,"%s空气质量: %s" %(city_n, status)) # 添加数据 text.insert(END,explain) # 添加数据 text.insert(END,sur) # 添加数据 for su in surv: text.insert(END," ".join(su)[:-1]) # 添加数据 text.see(END) # 文本框向下滚动 text.update() # 更新 else: text.insert(END, '输错了吧?') # 添加数据 text.see(END) # 文本框向下滚动 text.update() # 更新 好了,现在是主函数 if __name__ == '__main__': root = Tk() root.title("我的应用汇总")#窗口标题 root.geometry('660x600+600+50')#窗口大小位置 用x链接 +后面是位置 label = Label(root,text="<<-----云飞学编程----Q群542110741----->>",font=('微软雅黑'))#创建标签控件 label.grid(row=0,columnspan=3)#网格式布局 text = Listbox(root,font=('微软雅黑',15),width=55,height=18)#列表框控件,设置组件默认宽高 text.grid(row=2,columnspan=4)#columnspan为组件所跨越的列数 button_tq = Button(root,text="天气预报查询",font=('微软雅黑',8),command=weather)#点击按钮 button_tq.grid(row=1,column=1) button_kq = Button(root,text="空气质量查询",font=('微软雅黑',8),command=quality)#点击按钮 button_kq.grid(row=1,column=3) button_pm = Button(root,text="空气质量排名",font=('微软雅黑',8),command=ranking)#点击按钮 button_pm.grid(row=1,column=2) entry = Entry(root,font=('微软雅黑'))#创建输入框 entry.grid(row=1,column=0)#定位第1行3列 root.mainloop() 运行效果如下: 上面3个爬虫,都在以往的文章中发过,大家如果感兴趣可以去看看!这里就不详细注释了,只是复制过来稍微修改下就用了! 待改进: 1、内容添加,目前就3个爬虫的内容,慢慢添加更多的感兴趣的内容进去,最终形成自己的定制软件 2、界面的优化,比如滑动条、字体大小、按钮大小位置等等 3、连接数据库,目前的内容都是实时抓取网页内容,连接数据库会更加的快捷 目前就这么多,想到在继续吧!刚开始学习GUI,总有不足之处,如果有更好的建议大家可以评论区讨论哦!需要源码的话就私信我吧!

优秀的个人博客,低调大师

Citrix桌面及应用虚拟化系列之三:活动目录架构准备

这一部分东西比较简单了,都是微软基础架构的东西,主要是活动目录、组策略、DNS、DHCP等的部署和配置。建议在此步骤,应该先设计一个规划表: 1. 活动目录服务器的IP地址 域名 是否实现高可用 2. DNS是否是AD集成、动态更新、是否设置DNS转发等 3. DHCP的作用域、是否需要超级作用域、DHCP中继、保留等 4. 组策略中是否需要实现账户安全策略和密码策略等。 5. 活动目录OU设置,如果是新域则需要导入OU及用户信息,与用户沟通企业组织架构。 6. 为不同用户创建不同的组,如 Xen App、USB Allow、USB Deny、Share Desktop、VDI等。 6. 如果用户已经存在域环境,则需要对现有域环境进行健康检查,如FSMO、GC、复制拓扑等。 7. CA证书服务器安装配置:颁发机构、证书颁发机构WEB注册。 基础架构,无需多聊! 本文转自 dufei 51CTO博客,原文链接:http://blog.51cto.com/dufei/1603626,如需转载请自行联系原作者

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册