问题标签 [samsung-internet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
316 浏览

android - 溢出-x:滚动!重要不能在三星互联网上使用翻译的 SVG

我有一个div水平填充了一组动态绘制的 SVG 绘图的容器。因为容器的宽度超过了窗口的宽度,所以overflow-x: scroll !important被应用了。然而,即使它适用于大多数浏览器,三星互联网浏览器也不会使div滚动。我能做些什么吗?

编辑:jQuery 的scroll()函数也不会触发alert事件

EDIT2:我对每个 SVG 绘图执行动态translate()以将它们排列成网格布局

0 投票
0 回答
286 浏览

javascript - getUserMedia 无视三星浏览器的大小限制

我正在尝试使用MDN 文档<video>提供的代码将相机(和)大小设置为横向:

现在虽然这在所有浏览器上都能完美运行,但由于某种原因,当设备处于纵向模式时,三星浏览器(当前版本为 9.2)将相机输入显示为纵向模式,而不考虑我的尺寸限制。

我试过使用exact,minrequire,但结果是一样的。

当设备旋转并处于横向时,相机会以正确的尺寸显示。

任何想法如何解决这个问题或解决它?

0 投票
1 回答
2558 浏览

javascript - 如何在三星互联网浏览器上检测暗模式?

如果可以检测到 - 是否有可能通过 CSS 类或 JavaScript 影响颜色?

使用深色阅读器扩展,也可以提交调整。希望这里也有可能,如果没有其他东西可以改变它。

0 投票
0 回答
379 浏览

javascript - 三星 Internet beforeinstallprompt event.userChoice 不工作

我正在三星互联网上测试我使用 Angular 8 创建的 PWA,但在测试过程中,我发现我的自定义 PWA 横幅即使在安装完成后也没有被关闭。这是我用来处理 PWA 安装的代码。

此方法在 chrome 中运行良好。调试时我发现 userChoice 承诺没有返回任何数据。有没有办法让它在三星互联网上运行?

现在我能想到的唯一解决方案是使用 userAgent 检查三星互联网浏览器,然后在单击安装按钮时清理自定义横幅。但是如果用户单击取消而不是安装,则此实现不起作用。

0 投票
1 回答
1437 浏览

firebase - Firebase 云消息传递不适用于三星互联网

我正在设置 Firebase Cloud Messaging 以在网络上推送通知。到目前为止,它只适用于 Chrome(Windows 和 Android)和 Firefox(Android)。它不适用于三星互联网浏览器(三星手机上预装的浏览器),到目前为止我还没有机会在 iOS 上进行测试。

我尝试将发件人 ID 添加gcm_sender_id到我正在使用的云功能以及manifest.json文件中,但无济于事。以下是通知正文的设置方式。

我能做些什么来让它在三星互联网上运行吗?从 v4 开始支持 Service Worker,并且该设备具有 v9。应该注意的是,即使在接收它的设备上,当我点击它时,它也不会打开我设置的网站,fcm_options也不会遵循振动模式,但它会加载图标。

更新:截至 2020 年 4 月,FCM 与 iOS Chrome 和 Safari 完全不兼容

0 投票
2 回答
799 浏览

html - 三星上网强制暗模式

我的网站是在浅色模式下设计的,不应该对任何形式的深色模式做出反应。这适用于所有网站,三星 Internet 除外。每当我在三星互联网上打开该网站时,它会自动将白色背景换成深色,并将字母颜色更改为白色。有谁知道如何解决这一问题?

0 投票
1 回答
364 浏览

android - 三星互联网无法使用 App Links?其他浏览器/设备是否也不兼容?

在我的应用程序中,当我尝试使用来自 Google Chrome 的应用程序链接时,它运行良好,但是当我使用三星互联网时,我发现深层链接不起作用,而是在浏览器中打开 URL。

是否有兼容/不兼容的互联网浏览器和/或不支持 Android 应用链接的手机列表?

或者我的应用链接实施是否存在潜在问题?

0 投票
0 回答
59 浏览

css - 通过网格弯曲间隙

CSSgap支持

  1. flex在某些浏览器中尚不可用
  2. grid适合韩国用户群

有没有办法

  • 利用display: grid; gap: #unit;
  • 使网格表现得像
    • display: flex; flex-wrap: wrap;
    • display: flex; flex-wrap: wrap; flex-direction: column; ?
0 投票
0 回答
25 浏览

android - Samsung Internet (Chromium) 未正确显示网站顶部

如果我在这里访问我们的开发站点:https ://dev.inclineia.com/about-us/在大多数浏览器上一切看起来都不错。但是,如果我在适用于移动设备的三星互联网应用程序上打开它,深蓝色的导航栏会出现在浅蓝色页面标题的上方。我唯一能做的就是在移动设备上为页面标题添加上边距:

这当然会为 iPhone 等其他设备增加额外的空间。我也尝试使用clear: both导航栏和页面标题栏,但都不起作用。

我认为它可能与顶部的徽标有关,因为我正在使用这个 css:

这是我能找到的使徽标显示在移动导航栏上方居中的唯一方法,但它可能会导致与页面标题发生冲突。

我发现测试它的唯一方法是在 chrome 中打开开发工具,单击切换设备工具栏并在屏幕顶​​部选择 Galaxy S5 作为我的设备。

iPhone 视图(正确):https ://drive.google.com/file/d/1mXooWWWpbkVxT-zeMzZEAZmqC0Qdjk00/view?usp=sharing

Galaxy S5 视图(不正确):https ://drive.google.com/file/d/1aR3GAglxHYhXtbo-KS0Z2p5nC7aDedWE/view?usp=sharing

当没有页面标题时,主页上的图片也会发生这种情况:https ://dev.inclineia.com/。这显然与标题区域有关。我试图为标题区域设置一个最小高度,但没有效果。

谁能帮我解决这个问题?

0 投票
0 回答
76 浏览

javascript - 三星互联网视口问题上的 A-Frame + AR.js

我有一个简单的页面,它使用 A-Frame 和 AR.js 在找到标记时加载视频以及一些简单的 UI 来引导用户。这在大多数浏览器中都很好,但在三星互联网(Adnroid 浏览器)上不起作用。

问题是 UI 放置不正确,并且不像其他浏览器那样大小合适。远程调试后,我注意到在三星浏览器上document.documentElement.clientWidth / Heightwindow.innerWidth / Height差异很大,而在其他浏览器上是相同的值。在我的 OnePlus 6T 上,我得到:

铬合金:

  • window.innerWidth412
  • window.innerHeight757
  • document.documentElement.clientWidth412
  • document.documentElement.clientHeight757

三星:

  • window.innerWidth1648
  • window.innerHeight2869
  • document.documentElement.clientWidth412
  • document.documentElement.clientHeight717

如您所见,难怪我的 UI 图像看起来很小,因为三星似乎认为窗口实际上是巨大的,但三星似乎只在加载 A-Frame 场景后“扩展”这些尺寸,因为在加载之前我有一些带有加载动画的不同 UI,它可以正确放置元素并以正确的尺寸显示它们,就像在其他浏览器中一样。

例如,如果我window.innerHeight在 A-Frame 仍在加载时进行查询,我得到了正确的717结果,但一旦加载,我再次查询它,我得到了2869

A-Frame 或 AR.js 似乎都会对它做一些事情,<body>因为一旦加载,主体看起来像这样:

如您所见,主体上的新强制尺寸是三星认为的视口大小,在 Chrome 中也会发生这种情况,尽管这些值与视口大小相当:

知道是什么原因造成的,我该如何解决?