求助懂网页的大佬~怎么进行网页内位置跳转

准备在知乎写互动小说求个出路。

互动小说测试:3句话,让男人为我花了18万 - 知乎 (zhihu.com)

我研究了好几天,总算成功在pc端实现了位置跳转。
可是手机app上却不能如期实现。

求助大佬帮助!!!感激不尽!!!

PC端,开启目录之后,各级目录对应位置处的代码,有个id号:

image

通过在链接后增加# + id就能跳转了

比如

https://zhuanlan.zhihu.com/p/558817385#h_558817385_0

会跳转到zhuanlan.zhihu.com/p/558817385这个网页的第一个标题处

可是我切换到安卓UA之后,对应地方的代码变成了这样:
image

没有了id号,跳不了,app里面的代码我更是无从知道,总之也无法跳转。

虽然标题没有id号,但是我注意到,每一段话还有个data-pid,
不知道能不能通过data-pid来怎么进行跳转位置?

image

零代码只能用id锚点定位

1 Like

简单的锚点
复杂的scrollToView等

1 Like

感谢大佬,

知乎app里面是有目录的,可以通过目录来定位,盲猜可能有id,但是和PC网页的id名字不一样。
不知道有没有办法获取知乎app的各级标题的id?

一般内容上是类似的,但是锚点移动端未必能用,你不知道他的渲染框架。
如果是web的话
console敲document.querySelectorAll(‘[id]’)
能看到页面所有带id的
剩下的锚点试试

1 Like

app内调转大概率不会是用锚点来实现的,锚点只有在webview上才有意义。

一般类似知乎这种,服务器里存放的都不会是html,一般是某种类似markdown的标记语言,到前端取出来再渲染显示。id之类的属性在数据库里肯定是舍弃掉的,pc端的id我估计是类似vue react的前端框架自动加上去的

去看了一眼你的测试,感觉很容易因为瞄到下面的剧情片段而被剧透。
有专门生成网页互动小说的工具,比如 Twine。你可以发布以后放个链接在知乎,也未尝不是一种曲线救国。

1 Like

这个只是demo,真实情况下篇幅长得多,并且会去做乱序

我现在在用小众推荐过的inky,然后托管在游戏网站。
您说的这个软件我也试试,看看哪个更方便。谢谢。

————

补充一个链接,介绍了各大分支小说工具的特点。

我8年前也写过一个 GitHub - hoothin/WordAVGGame: 为进化社游戏项目写的文字冒险游戏引擎,支持剧本Block分块协作,方便社友接力创作

大佬就是大佬

哈哈,我就是那篇文章的作者来着

2 Likes

跨网页之间的指定位置跳转怎么搞? - 知乎 (zhihu.com)
发现一种新方法,类似:
https://www.zhihu.com/term/zhihu-terms#:~:text=%E7%9F%A5%E4%B9%8E%E5%B8%81

这个记得是chrome 80的实验性特性,不是html标准。只在chrome上有效

大佬流批,试了下firefox,真的不行 :rofl: