在这个5g到来的时代,移动互联网继续横行,前端的开发工作和移动端更加紧密了,但是移动端调试着实让人尴尬。化解尴尬的方法介绍下下面这几种,有补充的欢迎留言?...尽管移动端网页与桌面端网页有诸多差异,但是说到底它还是一个在浏览器里浏览的HTML网页,所以最常用的还是在桌面借助Chrome调试器。...Chrome自带的Developer Tool对于调试移动端网页来说非常方便,可以通过调整下表所示的几个属性来调整页面。...优点:可以完全在真机设备上调试网页,无论是HTML和CSS,还是脚本和请求,都和在桌面浏览器一样,最重要的是当前调试的是在真实环境下的页面。...当看到优点是不是很激动,在真机上可以调试iOS和Android设备的网页耶✌️ 使用vConsole调试 由腾讯出品的vConsole调试工具,在调试移动端的时候非常有效,而且其使用方法也是简单。
一、移动端浏览器 ---- 移动端浏览器 比 PC 端浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见的浏览器如下 : UC / QQ / Opera / Chrom.../ 360 / 百度 / 搜狗 / 猎豹 国内的浏览器 基本都是 根据 Webkit 内核进行修改而来的 , 目前没有自主研发的内核 , 因此 移动端开发适配比较简单 , 兼容主流的浏览器 , 即兼容...Webkit 内核浏览器即可 ; 二、移动端屏幕分辨率 ---- 移动设备的尺寸类型非常多 , Android / iOS 手机分辨率种类很多 , 参考 Android 屏幕适配 专栏 ; 【Android...与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI ) 博客 ; 前端开发时 , 不需要关注上述 屏幕像素密度 dpi , 密度无关像素 dp , 只需要关注 像素尺寸 px 即可 ; 三、移动端网页调试方法
今天把博客的大部分页面都加了自适配手机端,只要修改每个页面的css 即可。 之前大概知道怎么去改,但是页面太多实在觉得麻烦,就一直没有去改。...移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素
本文作者:IMWeb xychxbb 原文出处:IMWeb社区 未经同意,禁止转载 移动端调试方案 页面容器 移动设备上的各种浏览器 各类app内的webview debug方案 Android端...iOS端 跨平台 抓包工具Charles 调试工具weinre 其他方案 附录:ES6标准兼容情况 页面容器 移动设备上的各种浏览器 chrome、safari、firefox、samsung browser...微信平台 微信iOS端是采用wkwebkit进行渲染的,Android平台采用的是x5内核 debug方案 Android端 由于移动端网页开发不能直接打开developer tools,导致我们调试起来稍微麻烦...好在我们有解决方案: Remote Devices 谷歌为我们提供的开发利器,让我们可以在电脑端使用developer tools进行elements检查和network监测,非常方便快捷。...表示成功连接 adb devices 执行结果 然后从chrome浏览器F12找到Remote devices RemoteDevices inspect你想要监听的页面,如下 inspect iOS端
一、webkit 内核 移动端浏览器 都是 基于 webkit 内核的 , QQ 浏览器 / 百度 / Safari / UC 都是基于 webkit 内核的 ; 移动端网页布局需要 兼容 普通浏览器...与 webkit 浏览器 ; webkit 内核浏览器 对 HTML5 + CSS3 支持的很好 , 移动端可以放心使用 H5 标签和 CSS3 样式 , 但是如果在 PC 浏览器使用了这些标签 , 可能导致低版本浏览器不兼容的情况...; 二、移动端网页 CSS 初始化 - normalize.css ---- 移动端网页的 CSS 初始化 , 一般使用 normalize.css 样式文件 , 该初始化文件有以下优点 : 对有价值的默认值进行了初始化
移动端调试方案 移动端调试方案 页面容器 移动设备上的各种浏览器 各类app内的webview debug方案 Android端 iOS端 跨平台 抓包工具Charles 调试工具weinre...微信平台 微信iOS端是采用wkwebkit进行渲染的,Android平台采用的是x5内核 debug方案 Android端 由于移动端网页开发不能直接打开developer tools,导致我们调试起来稍微麻烦...好在我们有解决方案: Remote Devices 谷歌为我们提供的开发利器,让我们可以在电脑端使用developer tools进行elements检查和network监测,非常方便快捷。...iOS端 使用Safari自带的开发者工具 首先是iOS设备点击设置->Safari->高级设置->打开web检查器 如果是app容器,使用webview加载页面,那么app容器需要是开发包,apple
为什么开发网页版 因为本来想自己简单的体验下,就想在github上找一些前辈写的代码,但是很多小伙伴说用微信部署的,无论是微信账号、微信小程序还是微信公众号都有封号的风险,又没有合适网页端源码(不支持上下文关联
Notion 的汉化方案目前,Notion 汉化方案有两种:客户端汉化此方法本质上也是在客户端中增加脚本,开发者貌似和 notion-enhancer 是同一个人。...Notion 客户端汉化是由 notion-zh_CN 提供。目前最新的 2.0 版本同时支持网页端(油猴脚本)+桌面端。...具体教程可以参考 Notion中文客户端汉化版教程.网页版汉化方法一:在 Chrome 或者 Edge 等浏览器中使用油猴插件 Tampermonkey 的 NotionEnhancer 脚本加以实现。...FlowUs 支持文件夹页面和移动端原生开发。
禁止网页滚动,电脑端其实只要给body加overflow: hidden;css即可,移动端测试发现谷歌可以,国产浏览器阵亡,其实我记得很久之前我遇到过这个问题,最后好像用纯css解决了,但是想不起来了...document.removeEventListener("touchmove",mo,{passive:false});//恢复可滑动 尝试给body的css设置position: fixed;来解决问题,但是这样网页就乱了
SMTP协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。SMTP 服务器就是遵循 SMTP 协议的发送邮件服务器。...不同的是,开启了IMAP后,您在电子邮件客户端收取的邮件仍然保留在服务器上,同时在客户端上的操作都会反馈到服务器上,如:删除邮件,标记已读等,服务器上的邮件也会做相应的动作。...所以无论从浏览器登录邮箱或者客户端软件登录邮箱,看到的邮件以及状态都是一致的。...暴力破解密码 nmap smtp.163.com -p25 –Pn --script=smtp-brute ?...SMTP是否开在默认的端口 nmap -sV smtp.163.com --script=smtp-strangeport 这个脚本有一定的后门检测功能 ?
大家在开发pc端网页的时候调试很方便,直接用浏览器打开就可以了,但是如何进行移动端网页的调试呢。...这是在我这个博客首页下按下F12出现的界面,点击上图红色圈圈出的位置就是使用移动端调试。点击之后出现下图 ?...然后我再来说一下真机如何测试,有的朋友是将网页放到手机里,然后在打开,如果是html页面,还可以打开,但是如果是jsp页面就无法实现了。...一般我们在开发网页过程中都会安装服务器运行环境,最普遍的是tomcat和phpAdmin两种,关于这两种运行环境我就不在这里介绍了,我重点说一下如果通过移动端连接pc端建立的服务器里部署的网页。...然后手机端浏览器输入该地址也可以访问,这样就可以一边修改一边在真机上查看效果了。
邮件首页 SMTP地址 SMTP登录用户名(例) 是否验证 端口 SSL mail.sohu.com smtp.sohu.com maoshen2010@sohu.com 是 25...0 mail.yeah.net smtp.yeah.net maoshen2010@yeah.net 是 25 0 mail.163.com smtp.163.com maoshen2010@163.com...@yahoo.cn 是 25 0 雅虎邮件的SMTP需要手工开通 mail.chinaacc.com smtp.chinaacc.com maoshen2010@chinaacc.com 是...25 0 mail.ymail.cn smtp.ymail.cn maoshen2010@ymail.cn 是 25 0 mail.sogou.com smtp.sogou.com maoshen2010...@sogou.com 是 25 0 mail.qq.com smtp.qq.com 1000@foxmail.com 是 25 0 QQ邮箱的SMTP也需要手工开通,并且开通后5-15天才可以使用。
- |Commands/Replies| Server- | +------+ | SMTP |<-------------->| SMTP | +...client SMTP server 当SMTP客户端有消息需要传输,它就会向SMTP服务器建立一个双向传输通道。...SMTP客户端的责任是传输邮件消息给一个或多个SMTP服务器,或者报告它未能这样做。...SMTP扩展 RFC821完成后,从1990年后开始,经过10年努力,此协议被“服务扩展”模型改进,允许客户端和服务器同意利用超出原来SMTP需求的共享功能。当代SMTP实现必须支持基本的扩展机制。...SMTP抓包分析 SMTP匿名发送 2232 首先是建立连接 2233 EHLO命令向服务器发起请求 2342 服务器向回复EHLO,表示请求完成 2343 MAIL FROM命令说明发件邮箱 2447
一、服务器与客户端的交互 Redis服务器是典型的一对多服务器程序:一个服务器可以与多个客户端建立网络连接, 每个客户端可以向服务器发送命令请求,而服务器则接收并处理客户端发送的命令请求,并向客户端返回命令回复...、客户端结构(struct redisClient) 对于每个与服务器进行连接的客户端,服务器都为这些客户端建立了相应的redis.h/redisClient结构(客户端状态) typedef struct...客户端执行发布与订阅功能时用到的数据结构 客户端的身份验证标志 客户端的创建时间,客户端和服务器最后一次通信的时间,以及客户端的输出缓冲区大 小超出软性限制(soft limit)的时间 客户端状态包含的属性可以分为两类...以下展示的是客户端执行CLIENT setname命令之后的客户端列表: 客户端的名字记录在客户端状态的name属性里面: 如果客户端没有为自己设置名字,那么相应客户端状态的name属性指向NULL...服务器会将客户端积存 在输出缓冲区中的所有内容发送给客户端,然后关闭客户端。
/etc/rsync_nfs.password /usr/bin/rsync --daemon > echo "/usr/bin/rsync --daemon" >>/etc/rc.local #配置SMTP...第三方邮件服务 /etc/init.d/postfix stop cat >>/etc/mail.rc<<EOF set from=18163201@qq.com set smtp=smtps:...//smtp.qq.com:465 set smtp-auth-user=18163201@qq.com set smtp-auth-password=dcnhslrkexdbbgbh set smtp-auth.../confxml.xml >/dev/null 2>&1 echo "/sbin/sersync -dro /etc/confxml.xml" >>/etc/rc.local ###web(nfs客户端)
学习目标: 触屏事件概述: 移动端浏览器兼容性较好,我们不需要考虑以前JS的兼容性问题,可以放心的使用原生JS的书写效果,但是移动端也有自己独特的地方,比如触屏事件touch(也称触摸事件),Android...这三个中的重点是: targetTouches 我们用targetTouches包含着一个数组,里面包含的是每根手指的各种属性和信息,targetTouches[0]可以看到第一个手指的一些属性: 网页拖动元素我们已经学会了...接下来做移动端的轮播图案例: 先搭建结构,虽然用的是以前的携程的案例,但我还是单独在页面中写吧,不然很麻烦....但是和PC端有点不同,我们不仅要把第一张图片在最后克隆一张,原本的最后那张也要放最前面才行....下面要做小圆点跟随图片变化的效果,也引出了新的知识点: classList属性 classList属性是HTML5新增的一个属性,返回元素的类名.但是ie10以上的版本才支持(但是移动端不用担心
其中,有关Github最大的改变是其网页端带来了大家期盼已久的全新体验——新黑暗模式UI。...二、改善日常体验 1、新增暗黑模式,用户可在网页版的Github设置中默认启用暗黑模式; 2、自动合并拉取请求:当使用受保护分支时,你的仓库设置中可以启用自动合并拉取请求。
随着远程办公的普及,网页端远程控制软件成为越来越多企业和个人的首选。网页端远程控制软件无需安装客户端,通过浏览器即可进行远程控制,十分便捷。...本文将介绍几款主流的网页端远程控制软件,并详细介绍它们的特点和使用方式。一、SplashtopSplashtop 是一款高性能的远程控制软件,广泛应用于影视、动画、建筑设计等领域。...它支持网页端远程控制,用户只需通过浏览器即可实现远程访问。特点高性能:Splashtop 提供高清、低延迟的远程连接,尤其适合对画质和速度有较高要求的行业。...使用方法1、访问软件官网,下载并安装 AnyDesk 客户端。2、打开 AnyDesk,记录本地设备的访问码。3、在浏览器中输入远程设备的访问码,即可实现网页端控制。...2、在浏览器中访问官网页面。3、输入目标设备的 ID 并验证,即可通过网页端控制远程设备。总结以上几款软件都提供网页端远程控制功能,各具特色。
Qt编写的SMTP客户端(库)。允许应用程序通过SMTP发送电子邮件(有文本,html,附件,内联文件等的MIME)。并支持SSL和SMTP身份验证。 ?...Qt SMPT客户端支持 与SMTP服务器的TCP和SSL连接。 SMTP验证(PLAIN和LOGIN方法)。 发送MIME电子邮件(给多个收件人)。...server (smtp.gmail.com, port 465, ssl) SmtpClient smtp("smtp.gmail.com", 465, SmtpClient::SslConnection...smtp.setUser("your_email_address@gmail.com"); smtp.setPassword("your_password"); // Now we create...(); smtp.login(); smtp.sendMail(message); smtp.quit(); } 项目地址 https://github.com/bluetiger9
领取专属 10元无门槛券
手把手带您无忧上云