webkit

WKWebView not detecting URL is different

余生颓废 提交于 2021-01-28 06:34:21
问题 I have 3 URL's I open within my app using a WKWebView . These URL's are used to trigger an SSO into another product, using a cookie set by my app on login. They look as follows shop https://identity.domain.io/auth/some/params/protocol/saml/clients/sso?RelayState=shop_page profile https://identity.domain.io/auth/some/params/protocol/saml/clients/sso?RelayState=profile_page home https://identity.domain.io/auth/some/params/protocol/saml/clients/sso When I open any tabs, the view loads correctly.

Is there something like source maps for CSS?

帅比萌擦擦* 提交于 2021-01-27 01:53:29
问题 I'm dynamically adding CSS tags to a page with jQuery: $('<style type="text/css"/>').text(css).appendTo(document.head); When viewed in the Chrome Developer Tools, all of the CSS appears as "localhost", which isn't always helpful: Is there anything like Source Maps for CSS which would let me identify the source of the CSS to the debugger? 回答1: Add a sourceURL to the inline style tag as you add it. /*@ sourceURL=mystyles.css */ This will give that inline style tag a temporary name that will be

Brave浏览器中的IPFS 

[亡魂溺海] 提交于 2021-01-22 18:40:29
Brave浏览器用户人数已经超过2000万,并且已经开始支持本地 IPFS 协议,让人们可以更轻松简单的使用分布式网络,这一实现标志着更具弹性、用户至上的互联网发展的迈出重要一步。 IPFS协议仍然在开发、完善中。相信很多人在日常上网过程中,经常遇到如网络中断或404,重要信息(如COVID-19新闻)被过滤、联网成本高昂,以及断网和离线环境中的共享与协作功能等实际问题。 这些并不是每个人面临的问题,那些一点也没有察觉到这些问题的人可能不明白为什么IPFS如此重要。但是对于迫切需要一个弹性开放的互联网,使得他们可以自主控制自己在线体验的人,IPFS现在只需点击一下就可以安装在Brave的浏览器上。 Brave浏览器中的IPFS Brave已将IPFS集成到其桌面Web浏览器中,用于 Windows、macOS 和 Linux。当 Brave 检测到一个地址是 IPFS 内容的 HTTP 网关 URL,或者本机 IPFS 地址(例如将提示用户安装和启用本机 IPFS 节点或使用 HTTP 网关)时,使用的默认网关是 dweb.link,由协议实验室运行。 用户还可以在浏览器设置中指定自己选择的网关。您可以在访问的IPFS管理UI,或启用IPFS助手并在主菜单选择"我的节点"按钮。 为什么选择 Web 浏览器? 现代网络浏览器支持在互联网上进行实验、创新和新的协作以及价值交换模式

Qt编写地图综合应用24-miniblink内核

假装没事ソ 提交于 2021-01-21 10:13:27
一、前言 用Qt做项目过程中,遇到需要用到浏览器控件的项目,可能都会绕不开一个问题,那就是从Qt5.6版本开始mingw编译器的Qt构建套件,不再提供浏览器控件了,之前还可以用webkit控件,这下很多项目要么选择5.6以下版本,要么选择msvc的构建套件,而且大部分的msvc构建套件还不自带浏览器控件,也需要自己编译,只有原配的构建套件比如Qt5.9+VS2015、Qt5.12+VS2017这种搭配才可能有浏览器控件,不然就算你勾选了浏览器控件也不会安装,这样就使得很多依赖浏览器控件的项目比较被动,于是必须寻找一个轻量级的浏览器控件来替代,比如cef、miniblink,个人更倾向于miniblink,用法极其简单,依赖极其精简就一个dll,在linux和mac系统上本来qt就一直会有浏览器控件,所以也就不涉及到跨平台的问题,所以miniblink暂支持windows的缺点也就不算缺点了。 miniblink是一个追求极致小巧的浏览器内核项目,全世界第三大流行的浏览器内核控件。其基于chromium最新版内核,去除了chromium所有多余的部件,只保留最基本的排版引擎blink。miniblink保持了10M左右的极简大小,是所有同类产品最小的体积,同时支持windows xp、npapi。miniblink的作者非常牛逼,QQ昵称叫扫地僧,犹如天龙八部中的扫地僧一般

Python - how to load Google Chrome or Chromium browser in the gtk.Window like webkit.WebView()?

谁都会走 提交于 2021-01-21 09:51:45
问题 In Python (Linux), how can i load the Google chrome or Chromium browser inside a gtk.Window()? Where i am using now as webkit but instead of the webkit i need to use Google Chrome/Chromium because of the Javscript engine and other update issues. $ apt-get install python-webkit $ cat >> /var/tmp/browser.py << \EOF #!/usr/bin/env python import gtk import webkit import gobject gobject.threads_init() win = gtk.Window() win.set_title("Python Browser") bro = webkit.WebView() bro.open("http://www

webkit box vs boxflex

∥☆過路亽.° 提交于 2021-01-20 19:23:38
问题 I recently ran across a tutorial where the instructor used this syntax: display: -webkit-box; http://www.youtube.com/watch?v=B-MNkBh7F2A @ 2:30 (created aug 2012) I hadn't seen this before and began trying to find some info on it. It seems CSS3 has something called flexbox. But I couldn't find references the above syntax. In this article http://coding.smashingmagazine.com/2011/09/19/css3-flexible-box-layout-explained/, written a year before the above tutorial (sept 2011), they use this syntax

2020.4.4号全国疫情哀悼日网页变灰色前端是如何实现的?-pink老师

自作多情 提交于 2021-01-20 05:10:03
今天是4.4疫情哀悼日,纪念疫情期间牺牲的烈士和逝世同胞,因此大部分网站颜色都变灰色了,我们前端是如何实现的呢? 核心原理,使用css3的滤镜效果即可,filter grayscale 将整个界面变为黑白灰色调, 是CSS3新功能 方式1: 通过js可以设定指定时间,自动变灰以及复原 注意:以下代码需要引入jquery <script> // 1.得到当前的时间 var nowTime = new Date().getTime(); // 2.设置结束的时间 是 2020年4月5号凌晨 var overTime = new Date('2020/04/05 00:00:00').getTime(); // 3.如果当前时间小于了结束时间,简单说就是当前时间还没到4.5号 零点 if (nowTime < overTime) { // 4.把html 设置灰色滤镜 $("html").css({ '-webkit-filter': 'grayscale(100%)', '-moz-filter': 'grayscale(100%)', '-ms-filter': 'grayscale(100%)', '-o-filter': 'grayscale(100%)', 'filter': 'progid:DXImageTransform.Microsoft.BasicImage

错误 2 (net::ERR_FAILED): 未知错误

孤者浪人 提交于 2021-01-20 05:01:08
今年电脑突然上不了网。我去啊。报 “错误 2 (net::ERR_FAILED): 未知错误”错误信息。 解决方法如下: 电脑上所有的webkit内核的浏览器都无一幸免,但同样更新的台式机则正常上网。该服务依赖的TCP/IP 协议有问题 。解决方法如下: 1、开始——运行——regedit.exe,打开注册表编辑器,删除以下两个键: HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\Winsock HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\Winsock2 2、找到 C:\Windows\inf\nettcpip.inf文件 该文件为 tcp/ip协议文件 3、控制面板->网络和Internet->网络和共享中心->更改适配器设置->右键本地连接->属性 先选择TCP/IPv6->安装->协议->添加->从磁盘安装->然后在路径里浏览找到第2步中的文件路径找到nettcpip.inf,确定然后选择“TCP/IPv6”。对于ipv4协议重复同样的操作,最后选择TCP/IPv4,即: TCP/IPv4->安装->协议->添加->从磁盘安装->然后在路径里浏览找到第2步中的文件路径,nettcpip.inf 然后选择“TCP/IPv4”。 4、重启电脑。

基于react/vue开发一个专属于程序员的朋友圈应用

此生再无相见时 提交于 2021-01-17 20:50:18
前言 今天本来想开源自己写的 CMS 应用的,但是由于五一期间笔者的 mac 电脑突然崩溃了,所有数据无法恢复,导致部分代码丢失,但庆幸的是 cms 的打包文件已上传服务器,感兴趣的朋友可以在文末链接中访问查看。 今天要写的 H5朋友圈 也是基于笔者开发的 cms 搭建的,我将仿照 微信朋友圈 ,带大家一起开发一个能发布动态(包括图片上传)的朋友圈应用。有关服务端部分笔者在本文中不会细讲,后续会在 cms2.0 中详细介绍。 你将收获 使用 umi 快速创建一个H5移动端应用 基于 react-lazy-load 实现图片/内容懒加载 使用 css3 基于图片数量动态改变布局 利用FP创建一个朋友圈form 使用 rc-viewer 查看/旋转/缩放朋友圈图片 基于 axios + formdata 实现文件上传功能 ZXCMS 介绍 应用效果预览 朋友圈列表 查看朋友圈图片 发布动态 正文 在开始文章之前,笔者想先粗略总结一下开发H5移动端应用需要考虑的点。对于任何移动端应用来说,我们都要考虑如下问题: 首屏加载时间 适配问题 页面流畅度 动画性能 交互友好 提供用户反馈 这些不仅仅是前端工程师需要考虑的问题,也是产品经理和交互设计师考虑的范畴。当然还有很多实际的考虑点需要根据自身需求去优化,以上几点大致解决方案如下: 提高首屏加载时间 可以采用 资源懒加载+gzip

进度条动画集合

感情迁移 提交于 2021-01-16 06:37:23
1 < style > 2 html,body { 3 margin : 100px ; 4 padding : 0 ; 5 width : 100% ; 6 height : 100% ; 7 background : #ed5565 ; 8 } 9 .ball-clip-rotate>div { 10 background : #fff ; 11 /* //动画前的大小 */ 12 width : 15px ; 13 height : 15px ; 14 border-radius : 100% ; 15 margin : 2px ; 16 -webkit-animation-fill-mode : both ; 17 animation-fill-mode : both ; 18 border : 2px solid #fff ; 19 /* border-bottom-color是用来留旋转时候的缺口的 */ 20 border-bottom-color : transparent ; 21 height : 25px ; 22 width : 25px ; 23 background : transparent ; 24 -webkit-animation : rotate .75s 0s linear infinite ; 25 animationn : rotate